* { padding: 0; margin: 0; box-sizing: border-box; }
a, button, input[type=submit] { transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; cursor: pointer; }
a { text-decoration: none; color: #666666; }
body { margin: 0; padding: 0; font-size: 16px; color: #484848; line-height: 1.6; background-color: #fff; overflow-x: hidden; font-weight: 400; /*font-family: 'Roboto', sans-serif;*/
font-family: Arial, Helvetica, sans-serif; }
img { max-width: 100%; height: auto; }
.close-icon { position: absolute; right: 15px; top: 15px; padding: 0; border: none; background: 0 0; display: none; }
.main-menu nav>ul { margin: 0; padding: 0; display: flex; align-items: center; }
.main-menu nav>ul>li { margin-right: 40px; padding: 28px 0 33px; }
.main-menu nav>ul>li>a, .main-menu nav>ul>li>button { color: #333; font-size: 15px; line-height: 40px; /*background: 0 0;*/
padding: 0; border: none; }
.main-menu nav>ul>li { margin-right: 28px; padding: 18px 0 17px; }
.blue-bg { background-color: #0171BC; color: #fff; }
.blue-text { color: #0071BC; }
.hover-bdr:hover { border-color: #4386CD !important; }
.btn-blue-1 { background-color: #4386CD !important; color: #fff !important; border-color: #4386CD !important; }
.btn-blue-1:hover { background-color: #fff !important; color: #4386CD !important; border-color: #4386CD !important; }
.btn-blue-2:hover { background-color: #0071BC !important; color: #fff !important; border-color: #0071BC !important; }
.header { position: fixed; z-index: 99; width: 100%; background: #fdfdfd; border-bottom: solid 1px #ececec; top: 0; }
.container { width: 100%; max-width: 1290px; padding: 0 15px; margin: 0 auto; }
.header-inner { display: flex; align-items: center; justify-content: space-between; width: 150px; }
.header-inner .logo { display: flex; }
.header-button { display: none; align-items: center; }
.start-button { background: #0898c9; border-radius: 5px; line-height: 40px; color: #fff; padding: 0 25px; box-shadow: 0 3px 4px rgb(8 152 201 / 35%); display: block; font-weight: 600; font-size: 15px; margin-right: 10px; }
.demo-button>a, .main-menu nav>ul>li.demo-button>a, .main-menu nav>ul>li.started-button>a, .started-button>a { background: #0898c9; border-radius: 5px; line-height: 40px; color: #fff; padding: 0 25px; display: block; font-weight: 600; font-size: 15px; font-weight: 400; border: none; }
.toggle-button { width: 40px; background: 0 0; border: none; padding: 0; }
.toggle-button span { background: rgba(0, 0, 0, .5); width: calc(100% - 15px); display: block; height: 4px; margin-bottom: 6px; }
.toggle-button span:nth-child(2) { width: 100%; }
.toggle-button span:last-child { margin-bottom: 0; }
.demo-button>a, .main-menu nav>ul>li.demo-button>a { background: #2a338e; }
.main-menu nav>ul>li>a, .main-menu nav>ul>li>button { /* font-weight: 700; */
}
.main-menu nav>ul>li>a, .main-menu nav>ul>li>button { color: #081827; font-size: 14px; line-height: 29px; padding: 0; border: none; }
ul { list-style-type: none; }
nav { display: flex; justify-content: space-between; }
.header .container { display: flex; flex-wrap: wrap; }
.main-menu { width: calc(100% - 150px); padding-left: 70px; }
.main-menu nav>ul.btn-right li a.btn.btn-blue { padding: 5px 15px; /*background-color: #4386CD;*/
color: #fff; border-radius: 4px; font-size: 16px; /*border: 1px solid #4386CD;*/
margin: 0; }
.main-menu nav ul.btn-right li a { font-weight: 500; }
/*************banner css**************/
.banner-sec { padding-top: 100px; background-color: #4386CD; position: relative; padding-bottom: 35px; }
.banner-sec .inner-banner { display: flex; flex-wrap: wrap; align-items: center; }
.banner-sec .inner-banner .left-banner { width: 50%; display: flex; flex-wrap: wrap; animation-name: moveInleft; animation-duration: 1s; }
.banner-sec .inner-banner .right-banner { width: 50%; animation-name: moveInRight; animation-duration: 1s; }
.banner-sec .inner-banner .left-banner .icons-banner { width: 82px; }
.banner-sec .inner-banner .left-banner .text-banner { width: calc(100% - 82px); }
.banner-sec .left-banner .text-banner h1 { margin: 0; font-size: 50px; line-height: 52px; color: #FFFFFF; font-weight: 300; }
.banner-sec .left-banner .text-banner h1 strong:last-child { text-decoration: underline; }
.banner-sec p { color: #fff; font-size: 16px; line-height: 22px; font-weight: 500; margin: 27px 0 24px; }
.btn.btn-white { padding: 9px 44px; background-color: #FC9803; font-size: 20px; line-height: 26px; color: #fff; font-weight: 500; border-radius: 5px; border: 1px solid #FC9803; }
.banner-sec .left-banner .text-banner .sub-text { display: flex; align-items: center; font-size: 14px; line-height: 40px; color: #FFFFFF; margin: 14px 0 14px; max-width: 280px; text-align: center; justify-content: center; }
ul.start { padding: 0 7px; margin: 0; }
ul.banner-logo { padding: 0; list-style-type: none; display: flex; }
ul { padding: 0; margin: 0; list-style-type: none; }
ul.banner-logo li { margin-right: 40px; }
.banner-sec .right-banner .inner-right-banner { float: right; background-color: #fff; padding: 22px 34px; border-radius: 12px; /* text-align: center; */
box-shadow: 0 3px 6px rgb(0 0 0 / 16%); margin-bottom: 0; width: 325px; }
.main-menu nav ul.btn-right li:nth-child(2) { margin: 0; }
.banner-sec .right-banner .inner-right-banner h2 { font-size: 18px; line-height: 34px; margin: 0; color: #3D3D3D; text-align: center; }
.banner-sec .right-banner .inner-right-banner p { color: #3D3D3D; margin: 0; text-align: center; font-weight: 400; font-size: 12px; }
.banner-sec .right-banner .inner-right-banner ul { display: flex; justify-content: center; align-items: center; margin: 14px 0 16px; }
.banner-sec .right-banner .inner-right-banner ul li { margin: 0 9px; }
.banner-sec .right-banner .inner-right-banner .or-sec { position: relative; }
.banner-sec .right-banner .inner-right-banner .or-sec p { background-color: #fff; width: 45px; position: relative; margin: 0 auto; }
.banner-sec .right-banner .inner-right-banner .or-sec:before { content: ""; width: 100%; height: 1px; position: absolute; left: 0; top: 9px; background-color: rgb(0 0 0 / 19%); }
.banner-sec .right-banner .inner-right-banner form { margin-top: 0px; }
.banner-sec .form-group { margin: 0; }
.banner-sec .form-group label { width: 100%; font-size: 13px; line-height: 30px; color: rgb(61 61 61 / 62%); margin-top: 10px; display: inline-block; }
.banner-sec .form-group input { width: 100%; border: none; border-bottom: 1px solid rgb(29 44 53 / 19%); background-color: rgb(0 0 0 / 2%); padding: 6px 0; min-width: 100%; }
button.btn.btn-blue { font-size: 16px; font-weight: 700; color: #fff; display: inline-block; padding: 8px 20px; border-radius: 4px; letter-spacing: 1px; border: 1px solid #0171BC; }
.banner-sec .right-banner .inner-right-banner p a { color: #4386CD; text-decoration: underline; }
/***********banner bottom sec******/


.ux-designer-sec { }
.ux-designer-sec .inner-ux-designer { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.ux-designer-sec .inner-ux-designer .ux-right-box { width: calc(24% - 21px); margin: 0 10px; animation-name: moveInTop; animation-duration: 1s; }
.ux-designer-sec .inner-ux-designer .ux-left-box { width: 100%; margin: -50px 10px 0; }
.ux-designer-sec .inner-ux-designer .ux-left-box span { /*line-height: 52px; font-size: 16px; display: block; color: #3D3D3D;*/
}
.ux-designer-sec .inner-ux-designer .ux-left-box span img { margin-right: 8px; }
.ux-designer-sec a { /*color: #666666;*/
font-size: 12px; }
.ux-designer-sec .ux-box { background-color: #fff; position: relative; /*box-shadow: 1px 3px 12px rgb(0 0 0 / 16%); padding: 21px; */
animation-name: moveInTop; animation-duration: 1s; width: calc(33.33% - 28px); margin: 14px; }
.ux-designer-sec .ux-box .inner-box-ux { display: flex; flex-wrap: wrap; margin-bottom: 13px; }
.ux-designer-sec .ux-box .inner-box-ux .ui-left { width: 102px; position: relative; }
.ux-designer-sec .ux-box .inner-box-ux .ui-right { width: calc(100% - 129px); padding-left: 27px; }
.ux-designer-sec .ui-left .admin-img { position: relative; }
.ux-designer-sec .ui-left .indicator { position: absolute; z-index: 1; right: -7px; top: 0; line-height: 0 !important }
.ux-designer-sec .ui-left .admin-img img { display: block; }
.ux-designer-sec .ui-left .btn.btn-blue { background-color: #4386CD; border-radius: 5px; padding: 4px 12px; border: none; font-size: 14px; color: #fff; font-weight: 600; margin: 8px auto 8px; text-align: center; display: block; border: 1px solid #4386CD; }
.ux-designer-sec .ui-right .top-box { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 15px; padding-bottom: 13px; border-bottom: 1px solid #CECECE; }
.ux-designer-sec .ui-right .left-in-box h2 { font-size: 16px; margin: 0; line-height: 20px; color: #3D3D3D; width: 100%; }
.ux-designer-sec .ui-right .left-in-box .location-admin { display: flex; align-items: center; line-height: 34px; font-size: 13px; color: #3D3D3D; flex-wrap: wrap; max-width: 300px; margin-top: 7px; }
.ux-designer-sec .ui-right .left-in-box .experience { font-size: 12px; line-height: 19px; font-weight: 600; color: #3D3D3D; }
.ux-designer-sec .ui-right p { font-size: 13px; line-height: 19px; max-width: 100%; color: #777777; margin-top: 4px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0; }
.ux-designer-sec .ui-right ul.shoftwere-using { display: flex; flex-wrap: wrap; margin-bottom: 19px; border-bottom: 1px solid #e8f0f9; padding-bottom: 19px; }
.ux-designer-sec .ui-right ul.shoftwere-using li a { margin-right: 10px; font-size: 13px; color: #4386CD; background-color: rgb(67 134 205 / 12%); margin-bottom: 10px; border-radius: 15px; padding: 5px 15px 5px 10px; border-top-right-radius: 85px; }
.ux-designer-sec .ui-right ul.shoftwere-using li img { width: 9px; }
.ux-designer-sec .ui-right ul.design-explain { display: flex; flex-wrap: wrap; align-items: center; }
.ux-designer-sec .inner-ux-designer .ux-right-box .white-box { background-color: #fff; box-shadow: 0 3px 55px rgb(0 0 0 / 16%); }
.ux-designer-sec .inner-ux-designer .ux-right-box .white-box img { width: 100%;/* min-height: 150px; */
    /* display: block; */
}
.ux-designer-sec .inner-ux-designer .ux-right-box .white-box ul.start-box { display: flex; padding: 0 15px; }
.ux-designer-sec .inner-ux-designer .ux-right-box .white-box ul.start-box li { margin: 0 2px 0 0; }
.ux-designer-sec .inner-ux-designer .ux-right-box .white-box .btm-box { padding: 0 15px 25px; }
.ux-designer-sec .inner-ux-designer .ux-right-box .white-box .btm-box h3 { padding: 0; margin: 0; color: #3D3D3D; font-size: 20px; }
.ux-designer-sec .inner-ux-designer .ux-right-box .white-box .btm-box p { margin: 0; padding: 0; color: #000; font-weight: 700; padding-right: 50px; font-size: 15px; }
.ux-designer-sec .inner-ux-designer .ux-right-box .white-box .btm-box .logo-btm img { width: auto; }
.ux-designer-sec .inner-ux-designer .ux-right-box .white-box .btm-box .logo-btm { margin-top: 40px; margin-bottom: 10px; }
.ux-designer-sec .inner-ux-designer .ux-right-box .white-box h5 { margin: 0; font-size: 20px; color: #000; }
.ux-designer-sec .inner-ux-designer h2 { /*font-size: 16px; line-height: 15px; margin: 0 0 20px; font-weight: 600; color: #1D2C35;*/
}
.ux-designer-sec .inner-ux-designer .ux-right-box .white-box p { padding: 15px; font-size: 12px; color: #3d3d3d; font-weight: 500; }
.ux-designer-sec .inner-ux-designer .ux-right-box .white-box p span img { width: 20px; display: block; margin-bottom: 10px; }
.ui-com-box { display: flex; flex-wrap: wrap; margin: 0 -14px; }
.ux-designer-sec .ux-box .inner-ux-ui-box { padding: 21px; border: 2px solid #fff; transition: all 0.5s; box-shadow: 1px 3px 12px rgb(0 0 0 / 16%); height: 100%; }
ul.shoftwere-using { display: flex; flex-wrap: wrap; margin: -3px; }
ul.shoftwere-using li { padding: 5px 9px; border: 1px solid rgb(102 102 102 / 50%); border-radius: 3px; margin: 3px !important; line-height: 16px; }
.ux-box .btn.btn-border { border: 1px solid #777777; width: 100%; display: block; padding: 17px 0; font-size: 16px; line-height: 18px; color: #777777; text-align: center; font-family: Arial, Helvetica, sans-serif; border-radius: 0; }
a.show-text { /*color: #4386CD;*/
font-size: 13px; line-height: 19px; text-decoration: underline; }
ul.location-admin { display: flex; align-items: center; }
ul.location-admin li:nth-child(1) { padding-right: 11px; margin-right: 11px; border-right: 1px solid #777777; }
ul.location-admin li img { margin-right: 7px; }
ul.location-admin li { line-height: 1.1; font-size: 14px; }
.ui-full-box .content-box p { font-size: 13px; line-height: 19px; color: #3D3D3D; padding-bottom: 15px; }
span.head-top-ux a { font-size: 16px; color: #1D2C35; }
/*.ux-designer-sec .ux-box.active .inner-ux-ui-box, .ux-designer-sec .ux-box:hover .inner-ux-ui-box {border-color: #1D2C35;}
*/
/*.ux-designer-sec .ux-box.active .inner-ux-ui-box .btn.btn-border, .ux-designer-sec .ux-box:hover .inner-ux-ui-box .btn.btn-border {background-color: #4386CD;color: #fff;border-color: #4386CD;}*/




.sign-up-box { padding: 129px 0; text-align: center; }
.ux-box.classsign-up-box:hover .inner-ux-ui-box, .ux-box.classsign-up-box .inner-ux-ui-box { border-color: #F1F1F1; }
.ux-box.classsign-up-box .inner-ux-ui-box { background-color: #F1F1F1; height: 100%; display: flex; align-items: center; justify-content: center; width: 100%; flex-wrap: wrap; }
.ux-box.classsign-up-box { box-shadow: none; }
.ux-box.classsign-up-box .inner-ux-ui-box .sign-up-box a { font-size: 24px; font-family: Arial, Helvetica, sans-serif; /*color: #4386CD;*/
line-height: 35px; margin: 0; display: block; }
.ux-box.classsign-up-box .inner-ux-ui-box .sign-up-box span { font-size: 24px; font-family: Arial, Helvetica, sans-serif; line-height: 35px; margin: 0; }
/*.ux-box.classsign-up-box .ui-full-box .btn.btn-border {background-color: #4386CD;
    color: #fff;border-color: #4386CD;}*/

.btn.btn-active { color: #fff; /*background-color: #4386CD;*/
padding: 12px 38px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; display: block; max-width: 190px; border-radius: 0; font-size: 16px; line-height: 19px;/*border: 1px solid #4386CD;*/
}
.btn.btn-active:hover { color: #1D2C35; background-color: #f3f3f3; }
.ux-box.blur-box inner-ux-ui-box:hover { border-color: #fff !important; }
.ux-box.blur-box:hover .inner-ux-ui-box { border-color: #fff; }
.ux-box.blur-box:hover .inner-ux-ui-box .btn.btn-border { background-color: transparent; color: #777777; border: 1px solid #777777; }
/***********************************/


.coders-sec .container { max-width: 875px; margin: 0 auto; }
.coders-sec h2 { /*margin: 0; font-size: 42px; line-height: 52px; color: #3D3D3D; font-weight: 400;*/
text-align: center; }
.color-blue { color: #4386CD; }
.coders-sec .com-coders-box { display: flex; text-align: center; flex-wrap: wrap; margin: 50px -15px 0; position: relative; }
.coders-sec .com-coders-box .coders-box { width: calc(33.33% - 30px); margin: 0 15px; position: relative; transition: all .3s ease; }
.coders-sec .com-coders-box .coders-box .img-box { width: 114px; height: 114px; /*background-color: #4386CD;*/
border-radius: 50%; margin: 0 auto; transition: all .3s ease; }
.coders-sec .com-coders-box .coders-box:hover .img-box { border: 4px solid rgb(255 255 255 / 80%); box-shadow: 0 0 20px rgb(0 0 0 / 35%); }
.coders-sec .com-coders-box .coders-box .img-box img { transform: scale(1.0); transition: all .5s ease; }
.coders-sec .com-coders-box .coders-box:hover .img-box img { transform: scale(1.1); }
.coders-sec .com-coders-box .coders-box .img-box img { line-height: 0; display: block; margin: 0 auto; padding: 32px; }
.coders-sec .com-coders-box .text-box h3 { margin: 0; font-size: 16px; color: #3D3D3D; }
.coders-sec .com-coders-box .text-box p { font-size: 14px; line-height: 26px; color: #3D3D3D; }
.coders-sec .com-coders-box .text-box { margin-top: 18px; }
.coders-sec .com-coders-box:before { content: ""; width: 75%; height: 2px; background-color: #ccc; position: absolute; top: 55px; margin: 0 auto; left: 0; right: 0; }
.coders-offers { width: 100%; }
.coders-offers .inner-coders-sec { display: flex; align-items: center; flex-wrap: wrap; }
.coders-offers .inner-coders-sec .text-left { width: 488px; }
.coders-offers .inner-coders-sec .text-left h2 { margin: 0; color: #fff; font-size: 42px; line-height: 52px; font-weight: 300; }
.coders-offers .inner-coders-sec .text-right { width: calc(100% - 578px); padding-left: 90px; }
.coders-offers .inner-coders-sec .text-right p { color: #fff; font-size: 14px; line-height: 24px; margin: 0; }
.btn.btn-border { font-size: 16px; line-height: 21px; color: #fff; padding: 12px 30px; border: 1px solid #fff; border-radius: 5px; margin-top: 18px; display: inline-block; }
.coders-offers .inner-coders-sec .text-right h2 { font-size: 42px; line-height: 52px; color: #fff; font-weight: 400; margin-top: 0; padding-bottom: 25px; }
.ux-designer-sec .ui-right .top-box .left-in-box { /* width: calc(60% - 20px); */
    /* margin: 0 10px; */
}
.ux-designer-sec .ui-right .top-box .right-in-box { /* width: calc(40% - 20px); */
    /* margin: 0 10px; */
}
.ux-designer-sec .ui-right .top-box .right-in-box ul li { display: flex; justify-content: space-between; align-items: center; padding: 6px 0; margin: 6px 0; border-bottom: 1px solid rgb(29 44 53 / 19%); }
.ux-designer-sec .ui-right .top-box .right-in-box ul li span { font-size: 13px; line-height: 19px; color: #3D3D3D; font-weight: 500; }
.ux-designer-sec .ui-right .top-box .right-in-box ul li:last-child { border: none; }
.ux-designer-sec .ui-right p .show-more-btn { display: block; line-height: 20px; text-decoration: underline; }
.ux-designer-sec .ui-right .left-in-box .location-admin li img { margin-right: 7px; }
.ux-designer-sec .ui-right .left-in-box .location-admin li { display: flex; align-items: center; padding-right: 16px; position: relative; font-size: 13px; line-height: 25px; }
.ux-designer-sec .ui-right .left-in-box .location-admin li:nth-child(2):before { content: ""; width: 1px; height: 13px; background-color: #3d3d3d; position: absolute; left: -8px; top: 6px; }
.view-profile-btn { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; text-align: center; background-color: rgb(255 255 255 / 43%); height: 100%;/*backdrop-filter: blur(4px);*/
}
.view-profile-btn .btn.btn-blue-lasrge { color: #fff; background-color: #4386CD; padding: 12px 38px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; display: block; max-width: 174px; border-radius: 5px; font-size: 16px; line-height: 19px; border: 1px solid #4386CD; }
.inner-right-box { padding-left: 20px; }
.ux-designer-sec .inner-ux-designer .ux-right-box h2 { margin-top: 27px; margin-bottom: 7px; color: #081827; font-size: 17px; font-weight: 400; }
/**************slider**************/

.idea-testimonials-slider { -moz-perspective: 1300px; -ms-perspective: 1300px; -webkit-perspective: 1300px; perspective: 1300px; display: inline-block; text-align: left; position: relative; margin-bottom: 0; width: 100%; }
.idea-testimonials-slider>input { display: none; }
.idea-testimonials-slider>ul { position: relative; z-index: 1; font-size: 0; line-height: 0; margin: 0 auto; padding: 0; overflow: hidden; white-space: nowrap; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; }
.idea-testimonials-slider>ul>li { position: relative; display: inline-block; width: 100%; height: 100%; overflow: hidden; font-size: 15px; font-size: initial; line-height: normal; -moz-transition: all .5s cubic-bezier(.4, 1.3, .65, 1); -o-transition: all .5s ease-out; -webkit-transition: all .5s cubic-bezier(.4, 1.3, .65, 1); transition: all .5s cubic-bezier(.4, 1.3, .65, 1); vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: normal; }
.idea-testimonials-slider>input:nth-of-type(1):checked~ul li:first-of-type { margin-left: 0; }
.idea-testimonials-slider>.arrows { position: absolute; left: 21px; margin: 0 auto; cursor: not-allowed; width: 20px; height: 26px; bottom: 0; z-index: 99; display: none; }
.idea-testimonials-slider>.arrows label { /* display: none; */
    /* position: absolute; */
    /* top: -50%; */
    /* margin-top: -10px; */
    /* padding: 10px; */
    /* box-shadow: inset 2px -2px 0 1px #fff; */
    /* cursor: pointer; */
-moz-transition: box-shadow .15s, margin .15s; -o-transition: box-shadow .15s, margin .15s;/* -webkit-transition: box-shadow .15s,margin .15s; */
    /* transition: box-shadow .15s,margin .15s; */
}
.idea-testimonials-slider>input:last-of-type:checked~.arrows label.goto-first, .idea-testimonials-slider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(2), .idea-testimonials-slider>input:nth-of-type(10):checked~.arrows>label:nth-of-type(11), .idea-testimonials-slider>input:nth-of-type(11):checked~.arrows>label:nth-of-type(12), .idea-testimonials-slider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(3), .idea-testimonials-slider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(4), .idea-testimonials-slider>input:nth-of-type(4):checked~.arrows>label:nth-of-type(5), .idea-testimonials-slider>input:nth-of-type(5):checked~.arrows>label:nth-of-type(6), .idea-testimonials-slider>input:nth-of-type(6):checked~.arrows>label:nth-of-type(7), .idea-testimonials-slider>input:nth-of-type(7):checked~.arrows>label:nth-of-type(8), .idea-testimonials-slider>input:nth-of-type(8):checked~.arrows>label:nth-of-type(9), .idea-testimonials-slider>input:nth-of-type(9):checked~.arrows>label:nth-of-type(10) { right: 0px; }
.idea-testimonials-slider>input:last-of-type:checked~.arrows label.goto-first, .idea-testimonials-slider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(2), .idea-testimonials-slider>input:nth-of-type(10):checked~.arrows>label:nth-of-type(11), .idea-testimonials-slider>input:nth-of-type(11):checked~.arrows>label:nth-of-type(12), .idea-testimonials-slider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(3), .idea-testimonials-slider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(4), .idea-testimonials-slider>input:nth-of-type(4):checked~.arrows>label:nth-of-type(5), .idea-testimonials-slider>input:nth-of-type(5):checked~.arrows>label:nth-of-type(6), .idea-testimonials-slider>input:nth-of-type(6):checked~.arrows>label:nth-of-type(7), .idea-testimonials-slider>input:nth-of-type(7):checked~.arrows>label:nth-of-type(8), .idea-testimonials-slider>input:nth-of-type(8):checked~.arrows>label:nth-of-type(9), .idea-testimonials-slider>input:nth-of-type(9):checked~.arrows>label:nth-of-type(10) { display: block; right: -35px; left: auto; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); top: -20px; }
.idea-testimonials-slider>.arrows label { /* display: none; */
    /* position: absolute; */
    /* top: -50%; */
    /* margin-top: -10px; */
    /* padding: 10px; */
    /* box-shadow: inset 2px -2px 0 1px #d10c0c; */
    /* cursor: pointer; */
-moz-transition: box-shadow .15s, margin .15s; -o-transition: box-shadow .15s, margin .15s;/* -webkit-transition: box-shadow .15s,margin .15s; */
    /* transition: box-shadow .15s,margin .15s; */
}
.idea-testimonials-slider>.arrows label { display: none; position: absolute; top: -50%; margin-top: -32px; padding: 10px 25px; /* box-shadow: inset 2px -2px 0 1px #fd0000; */
cursor: pointer; -moz-transition: box-shadow .15s, margin .15s; -o-transition: box-shadow .15s, margin .15s; -webkit-transition: box-shadow .15s, margin .15s; transition: box-shadow .15s, margin .15s; z-index: 1; right: 0; }
.idea-testimonials-slider>input:first-of-type:checked~.arrows label.goto-last, .idea-testimonials-slider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(0), .idea-testimonials-slider>input:nth-of-type(10):checked~.arrows>label:nth-of-type(9), .idea-testimonials-slider>input:nth-of-type(11):checked~.arrows>label:nth-of-type(10), .idea-testimonials-slider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(1), .idea-testimonials-slider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(2), .idea-testimonials-slider>input:nth-of-type(4):checked~.arrows>label:nth-of-type(3), .idea-testimonials-slider>input:nth-of-type(5):checked~.arrows>label:nth-of-type(4), .idea-testimonials-slider>input:nth-of-type(6):checked~.arrows>label:nth-of-type(5), .idea-testimonials-slider>input:nth-of-type(7):checked~.arrows>label:nth-of-type(6), .idea-testimonials-slider>input:nth-of-type(8):checked~.arrows>label:nth-of-type(7), .idea-testimonials-slider>input:nth-of-type(9):checked~.arrows>label:nth-of-type(8) { display: block; left: 16px; right: auto; }
.idea-testimonials-slider>input:nth-of-type(2):checked~ul li:first-of-type { margin-left: -100%; }
.idea-testimonials-slider>input:nth-of-type(3):checked~ul li:first-of-type { margin-left: -200%; }
.testimonials-slider { position: relative; }
.testimonials-slider .text-logo-slide { height: 100%; }
.testimonials-slider .text-logo-slide .img-box-slider { position: absolute; top: 26px; left: 21px; z-index: 5; }
.testimonials-slider:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: linear-gradient(to top, black, #00000045); opacity: 1; z-index: 1; }
.testimonials-slider .bg-img img { opacity: 0.6; display: block; }
.testimonials-slider .text-logo-slide .text-box-slider { position: absolute; left: 21px; z-index: 3; color: #fff; bottom: 75px; font-size: 13px; line-height: 18px; }
.hire-and-jobs .slider-box .navigation { display: block; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 44px; z-index: 9; }
.hire-and-jobs .slider-box .navigation label { width: 11px; height: 11px; background-color: #777777; border-radius: 50%; position: absolute; left: -30px; right: 0; margin: 0 auto; text-align: center; display: block; cursor: pointer; }
.hire-and-jobs .slider-box .navigation label:nth-child(2) { left: 7px; }
.hire-and-jobs .slider-box .navigation label:nth-child(3) { left: 46px; }
.idea-testimonials-slider>input:nth-of-type(1):checked~.navigation div>label:nth-of-type(1), .idea-testimonials-slider>input:nth-of-type(2):checked~.navigation div>label:nth-of-type(2), .idea-testimonials-slider>input:nth-of-type(3):checked~.navigation div>label:nth-of-type(3) { background-color: #5E5E5E; }
/************slider second***************/

.inner-testimonials { display: flex; flex-wrap: wrap; border: 1px solid #ededed; }
.inner-testimonials .testo-left { width: 203px; }
.inner-testimonials .testo-right { width: calc(100% - 205px); height: 100%; animation-name: moveInTop; animation-duration: 1s; }
.idea-app-slider { -moz-perspective: 1300px; -ms-perspective: 1300px; -webkit-perspective: 1300px; perspective: 1300px; display: inline-block; text-align: left; position: relative; margin-bottom: 0; width: 100%; }
.idea-app-slider>input { display: none; }
.idea-app-slider>ul { position: relative; z-index: 1; font-size: 0; line-height: 0; margin: 0 auto; padding: 0; overflow: hidden; white-space: nowrap; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; }
.idea-app-slider>input:nth-of-type(1):checked~ul li:first-of-type { margin-left: 0; }
.idea-app-slider>input:nth-of-type(2):checked~ul li:first-of-type { margin-left: -100%; }
.idea-app-slider>input:nth-of-type(3):checked~ul li:first-of-type { margin-left: -200%; }
/*.idea-app-slider>input:nth-of-type(4):checked~ul li:first-of-type { margin-left: -300%; }*/
.idea-app-slider>ul>li { position: relative; display: inline-block; width: 100%; height: 100%; overflow: hidden; font-size: 15px; font-size: initial; line-height: normal; -moz-transition: all .5s cubic-bezier(.4, 1.3, .65, 1); -o-transition: all .5s ease-out; -webkit-transition: all .5s cubic-bezier(.4, 1.3, .65, 1); transition: all .5s cubic-bezier(.4, 1.3, .65, 1); vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: normal; }
.app-item-row { display: flex; flex-wrap: wrap; }
.idea-app-slider>.arrows { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; /* width: 100%; */
height: 26px; padding: 0 31px;/* z-index: 99; */
}
.idea-app-slider>.arrows label { /* display: none; */
position: absolute; top: 0; margin-top: -10px; padding: 10px; /* box-shadow: inset 2px -2px 0 1px #4386cd; */
cursor: pointer; -moz-transition: box-shadow .15s, margin .15s; -o-transition: box-shadow .15s, margin .15s; -webkit-transition: box-shadow .15s, margin .15s; transition: box-shadow .15s, margin .15s; z-index: 1; right: 15px; }
.w-idea-app.infinity>input:last-of-type:checked~.arrows label.goto-first, .idea-app-slider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(2), .idea-app-slider>input:nth-of-type(10):checked~.arrows>label:nth-of-type(11), .idea-app-slider>input:nth-of-type(11):checked~.arrows>label:nth-of-type(12), .idea-app-slider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(3), .idea-app-slider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(4), .idea-app-slider>input:nth-of-type(4):checked~.arrows>label:nth-of-type(5), .idea-app-slider>input:nth-of-type(5):checked~.arrows>label:nth-of-type(6), .idea-app-slider>input:nth-of-type(6):checked~.arrows>label:nth-of-type(7), .idea-app-slider>input:nth-of-type(7):checked~.arrows>label:nth-of-type(8), .idea-app-slider>input:nth-of-type(8):checked~.arrows>label:nth-of-type(9), .idea-app-slider>input:nth-of-type(9):checked~.arrows>label:nth-of-type(10) { right: 0; }
.w-idea-app.infinity>input:last-of-type:checked~.arrows label.goto-first, .idea-app-slider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(1), .idea-app-slider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(2), .idea-app-slider>input:nth-of-type(10):checked~.arrows>label:nth-of-type(11), .idea-app-slider>input:nth-of-type(11):checked~.arrows>label:nth-of-type(12), .idea-app-slider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(3), .idea-app-slider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(4), .idea-app-slider>input:nth-of-type(4):checked~.arrows>label:nth-of-type(5), .idea-app-slider>input:nth-of-type(5):checked~.arrows>label:nth-of-type(6), .idea-app-slider>input:nth-of-type(6):checked~.arrows>label:nth-of-type(7), .idea-app-slider>input:nth-of-type(7):checked~.arrows>label:nth-of-type(8), .idea-app-slider>input:nth-of-type(8):checked~.arrows>label:nth-of-type(9), .idea-app-slider>input:nth-of-type(9):checked~.arrows>label:nth-of-type(10) { display: block !important; /* right: 18px; */
left: 15px; /*-moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);*/
    /* -webkit-transform: rotate(225deg); */
    /* transform: rotate(225deg); */
z-index: 2; opacity: 1; }
.banner.infinity>input:first-of-type:checked~.arrows label.goto-last, .idea-app-slider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(0), .idea-app-slider>input:nth-of-type(10):checked~.arrows>label:nth-of-type(9), .idea-app-slider>input:nth-of-type(11):checked~.arrows>label:nth-of-type(10), .idea-app-slider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(1), .idea-app-slider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(2), .idea-app-slider>input:nth-of-type(4):checked~.arrows>label:nth-of-type(3), .idea-app-slider>input:nth-of-type(5):checked~.arrows>label:nth-of-type(4), .idea-app-slider>input:nth-of-type(6):checked~.arrows>label:nth-of-type(5), .idea-app-slider>input:nth-of-type(7):checked~.arrows>label:nth-of-type(6), .idea-app-slider>input:nth-of-type(8):checked~.arrows>label:nth-of-type(7), .idea-app-slider>input:nth-of-type(9):checked~.arrows>label:nth-of-type(8) { display: block; left: 18px; right: auto;/*-moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);*/
    /* -webkit-transform: rotate(45deg); */
    /* transform: rotate(45deg); */
}
.excellent-sec { /*background-color: #4386CD;*/
padding: 27px 20px 40px; text-align: center; }
.excellent-sec p { color: #fff; font-size: 18px; line-height: 52px; margin: 0; font-weight: 400; }
.excellent-sec img { display: block; margin: 0 auto; width: 120px; }
.excellent-sec span { font-size: 12px; line-height: 52px; color: #fff; display: block; }
.excellent-sec .btn.btn-white { background-color: #fff; display: flex; border-radius: 4px; color: #3d3d3d; padding: 6px 10px; align-items: center; font-weight: 700; border: 1px solid #fff; }
.three-slide-box { display: flex; flex-wrap: wrap; padding: 47px 55px; }
.three-slide-box .testo-admin-slider { width: calc(33.33% - 20px); margin: 0 10px; }
.three-slide-box .testo-admin-slider .admin-top { display: flex; align-items: center; }
.three-slide-box .testo-admin-slider .admin-top .admin-images { width: 60px; }
.three-slide-box .testo-admin-slider .admin-top .admin-text { width: calc(100% - 73px); padding-left: 13px; }
.three-slide-box .testo-admin-slider .admin-top .admin-text h3 { font-size: 16px; line-height: 25px; margin: 0; color: #3D3D3D; }
.three-slide-box .testo-admin-slider .admin-top .admin-text h3 span { padding: 0 0 0 7px; }
.three-slide-box .testo-admin-slider .admin-top .admin-text h3 span img { padding-right: 2px; }
.three-slide-box .testo-admin-slider .admin-top p { margin: 7px 0 0; display: flex; align-items: center; font-size: 14px; color: #3D3D3D; }
.three-slide-box .testo-admin-slider .admin-top p img { margin-right: 10px; }
.three-slide-box .testo-admin-slider .text-btm h4 { margin: 0; font-size: 15px; line-height: 34px; color: #3D3D3D; }
.three-slide-box .testo-admin-slider .text-btm p { margin: 0; color: #3D3D3D; font-size: 14px; line-height: 20px; }
label.goto-last { /* display: block !important; */
    /* right: 5px; */
}
label.goto-first { /* display: block !important; */
left: 15px; }
/****************************faq page***************/

/*.faq {background-color: #F5F8FA; }*/
.faq .headBox h2 { margin: 0 0 66px; padding: 0; text-align: center; font-size: 42px; line-height: 52px; color: #3D3D3D; }
.how-we-work-sec h2 { margin-bottom: 40px; margin-top: 0; text-align: center; color: #3D3D3D; font-size: 42px; line-height: 52px; }
.how-we-work-sec .inner-how-we-work { display: flex; flex-wrap: wrap; margin: 0 -8px; }
.how-we-work-sec .inner-how-we-work .work-box { width: calc(25% - 16px); margin: 8px; background-color: #1D2C35; border-radius: 7px; position: relative; overflow: hidden; transition: all .5s; }
.how-we-work-sec .inner-how-we-work .work-box:hover .counter { opacity: 0.8; }
.how-we-work-sec .inner-how-we-work .work-box .counter { /*background-color: #4386CD;*/
width: 130px; display: block; height: 130px; border-radius: 100%; margin-top: -39px; margin-left: -30px; padding: 16px; color: #fff; font-size: 66px; line-height: 120px; font-weight: 300; text-align: center; }
.how-we-work-sec .inner-how-we-work .work-box h3 { padding: 38px 22px 14px; font-size: 18px; line-height: 24px; color: #fff; margin: 0; }
.how-we-work-sec .inner-how-we-work .work-box p { margin: 0; color: #fff; padding: 0 22px 31px; font-size: 14px; line-height: 23px; }
/*****************need-coder-se*******************/

.need-coder-sec .inner-need-coder .need-coder-box:hover { background-color: rgb(255 255 255 / 50%); box-shadow: 0 5px 30px rgb(0 0 0 / 15%); }
.need-coder-sec { /*background: #F5F8FA;*/
animation-name: moveInTop; animation-duration: 1s; }
.need-coder-sec h2 { margin: 0; padding: 0; text-align: center; font-size: 42px; line-height: 52px; font-weight: 400; color: #3d3d3d; margin-bottom: 20px; }
/*.need-coder-sec h2 span {color: #4386CD;}*/

.need-coder-sec .inner-need-coder { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.need-coder-sec .inner-need-coder .need-coder-box { width: calc(33.33% - 20px); margin: 10px; background-color: #fff; box-shadow: 0 10px 30px rgb(0 0 0 / .06); border-radius: 7px; }
.need-coder-sec .inner-need-coder .need-coder-box .inner-need-box { padding: 35px 35px 20px; }
.need-coder-sec .inner-need-coder .need-coder-box .inner-need-box h3 { font-size: 16px; font-weight: 600; color: #3D3D3D; margin: 23px 0 8px; line-height: 21px; min-height: 43px; }
.need-coder-sec .inner-need-coder .need-coder-box .inner-need-box p { margin: 0; padding: 0; font-size: 14px; line-height: 23px; color: #3D3D3D; }
.btn-need.-sec ul { display: flex; justify-content: center; max-width: 360px; margin: 58px auto 0; }
.btn-need.-sec ul li { width: 50%; }
.btn-need.-sec ul li .btn.btn-blue { display: block; text-align: center; padding: 8px 15px; /*background-color: #4386CD;*/
color: #fff; border-radius: 5px; font-size: 14px; line-height: 19px; font-weight: 500;/*border: 1px solid #4386CD;*/
}
.btn-need.-sec ul li span { display: block; width: 100%; text-align: center; margin: 8px 0 0; font-size: 12px; /*color: #4386CD;*/
line-height: 23px; font-weight: 300; }
.btn-need.-sec ul li a { /*color: #4386CD;*/
font-size: 14px; font-weight: 600; text-align: center; display: block; line-height: 19px; padding: 8px 15px; }
/*****************/


.articles-sec h2 { text-align: center; font-size: 42px; line-height: 52px; color: #3D3D3D; margin-bottom: 52px; margin-top: 0; }
.articles-sec .inner-articles-sec { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.articles-sec .inner-articles-sec .articles-box { width: calc(33.33% - 24px); margin: 12px; box-shadow: 0 3px 55px rgb(132 131 131 / 16%); background: #fff; transition: all 0.5s;}
.articles-sec .inner-articles-sec .articles-box .img-box img { width: 100%; display: block; }
.articles-sec .inner-articles-sec .articles-box .text-box { padding: 22px; }
.post { margin: 0 0 15px !important; font-size: 14px !important; color: #3D3D3D; line-height: 26px !important; font-weight: 400 !important; }
.articles-sec .inner-articles-sec .articles-box .text-box p { margin: 0 0 18px; font-weight: 600; line-height: 25px; font-size: 16px; }
.articles-sec .inner-articles-sec .articles-box .text-box ul { display: flex; align-items: center; }
.articles-sec .inner-articles-sec .articles-box .text-box ul li { margin-right: 15px; font-size: 14px; color: #3D3D3D; }
.hire-and-jobs .inner-hire-jobs { display: flex; flex-wrap: wrap; margin: 0 -15px; align-items: center; }
.hire-and-jobs .inner-hire-jobs .left-box { /*width: calc(68% - 30px);*/
margin: 0 15px; width: 100%; }
.hire-and-jobs .inner-hire-jobs .right-box { width: calc(32% - 30px); margin: 0 15px; }
.hire-and-jobs .inner-hire-jobs h2 { font-size: 42px; margin: 0 0 53px; color: #3D3D3D; font-weight: 400; }
.hire-and-jobs .inner-hire-jobs ul.btn-box { display: flex; flex-wrap: wrap; margin-bottom: 46px; }
.hire-and-jobs .inner-hire-jobs ul li a { padding: 4px 20px; background-color: rgba(0, 0, 0, .04); font-size: 14px; line-height: 30px; margin: 6px; border-radius: 8px; color: #081827; font-weight: 400; display: block; }
.hire-and-jobs .inner-hire-jobs .color-blue { padding: 16px 23px; /*background-color: #4386CD;*/
color: #fff; border-radius: 5px; font-size: 16px; font-weight: 600; /*border: 1px solid #4386CD;*/
line-height: 18px; }
.hire-and-jobs .inner-hire-jobs .right-box .inner-right-box .admin-intro a.img-admin { padding: 17px 20px; background-color: transparent; margin: 0; border-radius: 0; }
.hire-and-jobs .inner-hire-jobs .right-box .inner-right-box { display: flex; flex-wrap: wrap; margin: 0; padding: 0; }
.hire-and-jobs .inner-hire-jobs .right-box .inner-right-box .admin-intro { width: 100%; margin: 0; box-shadow: 0 3px 19px rgb(0 0 0 / 8%); background-color: rgb(67 134 205 / 12%); }
.hire-and-jobs .inner-hire-jobs .right-box .inner-right-box .admin-intro .text-box { padding: 10px 18px 20px 18px; text-align: center; }
.hire-and-jobs .inner-hire-jobs .right-box .inner-right-box .admin-intro .text-box h3 { font-size: 18px; margin: 8px 0 0; line-height: 20px; color: #1D2C35; font-family: Arial, Helvetica, sans-serif; }
.hire-and-jobs .inner-hire-jobs .right-box .inner-right-box .admin-intro .text-box h4 { font-size: 14px; color: #525560; margin: 3px 0 44px; line-height: 16px; color: #777777; }
.advance-coder-sec { background-color: #F5F8FA; }
.advance-coder-sec h2 { margin: 0 0 50px; text-align: center; font-size: 42px; line-height: 52px; color: #3D3D3D; font-weight: 400; }
.advance-coder-sec .inner-advance-coder-sec { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.advance-coder-sec .inner-advance-coder-sec .advance-box { width: calc(33.33% - 24px); margin: 12px; position: relative; overflow: hidden; }
.advance-coder-sec .inner-advance-coder-sec .advance-box p { position: absolute; bottom: 0; padding: 25px; margin: 0; color: #fff; font-size: 16px; line-height: 19px; z-index: 2; }
.advance-coder-sec .inner-advance-coder-sec .advance-box:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: linear-gradient(to top, rgb(0 0 0 / 82%), transparent); }
.advance-coder-sec .inner-advance-coder-sec .advance-box img { width: 100%; display: block; }
.companies-relay-sec .inner-companies { display: flex; flex-wrap: wrap; align-items: center; margin: 0 -18px; }
.companies-relay-sec .inner-companies .left-img { width: 60%; margin: 0; display: flex; flex-wrap: wrap; }
.companies-relay-sec .inner-companies .right-text { width: 40%; margin: 0; }
.companies-relay-sec .inner-companies .left-img .img-box { position: relative; width: calc(50% - 36px); margin: 0 18px; }
.companies-relay-sec .inner-companies .left-img .img-box .text-box { position: absolute; bottom: 0; padding: 35px 24px; z-index: 1; color: #fff; max-width: 72%; }
.companies-relay-sec .inner-companies .left-img .img-box .text-box img { display: block; }
.companies-relay-sec .inner-companies .left-img .img-box:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgb(0 0 0 / 40%); z-index: 1; }
.companies-relay-sec .inner-companies .left-img .img-box .text-box p { font-size: 18px; line-height: 24px; font-weight: 400; margin: 0; }
.companies-relay-sec .inner-companies .left-img .img-box .text-box span { font-size: 15px; line-height: 26px; font-weight: 100; }
.companies-relay-sec .inner-companies .right-text h2 { font-size: 42px; line-height: 52px; color: #3D3D3D; font-weight: 400; margin: 0 0 22px; }
.companies-relay-sec .inner-companies .right-text .inner-right-text { padding-left: 60px; }
.companies-relay-sec .inner-companies .right-text h2 span { color: #4386CD; }
.companies-relay-sec .inner-companies .right-text p { font-size: 15px; line-height: 23px; color: #3D3D3D; margin: 0; }
/***************tabs design***************/

.tabbed { overflow-x: hidden; }
.tabbed [type=radio] { display: none; }
.tabs { display: flex; align-items: stretch; list-style: none; padding: 10px; }
.tabs { max-width: 412px; margin: 0 auto 25px; padding: 0; display: flex; justify-content: space-between; border-bottom: 1px solid rgb(112 112 112 / 28%); }
.tab { display: block; background: 0 0; /* width: 33.33%; */
border: none; border-radius: 0; font-size: 18px; color: rgb(8 24 39 / 50%); height: 50px; font-weight: 600; line-height: 50px; text-align: center;/* border-bottom: 1px solid  red; */
}
.tab>label { display: block; color: rgb(8 24 39 / 50%); font-size: 17px; font-weight: 600; letter-spacing: 1px; cursor: pointer; transition: all .3s; border-radius: 0; padding-bottom: 0; }
.tabbed [type=radio]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label, .tabbed [type=radio]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label, .tabbed [type=radio]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label, .tabbed [type=radio]:nth-of-type(4):checked~.tabs .tab:nth-of-type(4) label, .tabbed [type=radio]:nth-of-type(5):checked~.tabs .tab:nth-of-type(5) label { border-bottom-color: #ccc; border-top-color: #ccc; /*background: #fff;*/
color: #081827; border-bottom: 3px solid #5E5E5E; }
.tab-content { display: none; color: #777; }
.tabbed [type=radio]:nth-of-type(1):checked~.tab-content:nth-of-type(1), .tabbed [type=radio]:nth-of-type(2):checked~.tab-content:nth-of-type(2), .tabbed [type=radio]:nth-of-type(3):checked~.tab-content:nth-of-type(3), .tabbed [type=radio]:nth-of-type(4):checked~.tab-content:nth-of-type(4), .tabbed [type=radio]:nth-of-type(5):checked~.tab-content:nth-of-type(5) { display: block; }
.tab-inner-box { margin-top: 40px; display: block; }
.tab-inner-box ul { width: auto; display: flex; flex-wrap: wrap; margin: 0 -15px; }
.tab-inner-box ul li { width: 25%; padding: 0 15px; }
.tab-inner-box ul li a { font-size: 15px; line-height: 36px; color: #081827; font-weight: 300; transition: all 0.5s; text-decoration: none; }
.tab-inner-box ul li a:hover, .tab-inner-box ul li a.active { color: #666; text-decoration: underline; }
.offer-box h2 { font-size: 42px; line-height: 52px; color: #3D3D3D; font-weight: 400; margin: 0 0 48px; text-align: center; }
.offer-box h3.sec-head { font-size: 28px !important; }
/************fooyter***************/

.footer { background-color: #000; padding: 80px 0 25px; }
.footer .footer-inner { display: flex; flex-wrap: wrap; }
.footer .footer-inner .left-footer { width: 30%; }
.footer .footer-inner .right-footer { width: 70%; }
.footer .footer-inner .right-footer .inner-right-box { display: flex; flex-wrap: wrap; justify-content: space-between; }
.footer .footer-inner .right-footer .inner-right-box .footer-box { /* width: 25%; */
}
.footer-box h4 { font-size: 18px; line-height: 29px; color: #fff; font-weight: 600; margin-bottom: 10px; }
.footer-box ul li a { color: rgb(255 255 255 / 80%); font-size: 14px; line-height: 29px; }
.footer-box.social-sec ul { display: flex; }
.footer-box.social-sec ul li { margin-right: 16px; }
.footer .footer-inner .left-footer p { color: rgb(255 255 255 / 80%); font-size: 23px; line-height: 36px; padding-right: 101px; margin-bottom: 0; }
.footer .footer-inner .left-footer .footer-btn { /*background-color: #4386CD;*/
border-radius: 5px; padding: 12px 23px; font-size: 16px; line-height: 21px; color: #FFFFFF; font-weight: 600; margin-top: 44px;/*border: 1px solid #4386CD;*/
}
.footer-bottom { margin-top: 50px; border-top: 1px solid rgb(255 255 255 / 15%); padding-top: 20px; }
.footer-bottom ul { display: flex; align-items: center; justify-content: flex-end; }
.footer-bottom ul li { width: 50%; color: #fff; font-size: 14px; line-height: 29px; }
.footer-bottom ul li a { font-size: 14px; line-height: 29px; color: rgb(255 255 255 / 47%); }
/******************hover css*******************/

.main-menu nav>ul>li>a:hover { color: #666; }
a { transition: all 0.5s; }
.main-menu nav>ul.btn-right li a.btn.btn-blue:hover { background-color: #157be7; color: #fff; }
.btn.btn-white:hover { background-color: transparent; color: #FC9803; }
button.btn.btn-blue:hover { background-color: #157be7; color: #fff; }
.banner-sec .right-banner .inner-right-banner p a:hover { color: #3d3d3d; }
.ux-designer-sec .ui-left .btn.btn-blue:hover { background-color: transparent; color: #4386CD; }
.ux-designer-sec a:hover { color: #3d3d3d; }
.view-profile-btn .btn.btn-blue-lasrge:hover { color: #4386CD; background-color: transparent; }
.excellent-sec .btn.btn-white:hover { color: #fff; }
.btn.btn-border:hover { background-color: #fff; color: #3d3d3d; }
.btn-need.-sec ul li .btn.btn-blue:hover { color: #1D2C35; background-color: #fff; }
.btn-need.-sec ul li a:hover { color: #3d3d3d; }
.hire-and-jobs .inner-hire-jobs .color-blue:hover { background-color: #f3f3f3; color: #1D2C35; }
.footer .footer-inner .left-footer .footer-btn:hover { color: #1D2C35; background-color: #CCC; }
.footer-box ul li a:hover { color: #4386cd; }
.ux-designer-sec .ui-right ul.shoftwere-using li a:hover { background-color: #4386CD; color: #fff; }
.hire-and-jobs .inner-hire-jobs ul li a:hover { /* background-color: #4386cd; */
    /* color: #fff; */
}
span.active-icons { display: none; }
span.normal-icons { line-height: normal; }
.togglebtn-active span.active-icons { display: block; }
.togglebtn-active span.normal-icons { display: none; }
.faq section h4 img { width: 22px; }
h4.togglebtn.togglebtn-active span { color: #4386CD; }
/*******************accordion tabs**************/
.accParentr input { position: absolute; opacity: 0; z-index: -1; }
.accParent .tab-label { cursor: pointer; border: none; background: 0 0; font-size: 18px; padding: 0; position: relative; line-height: 52px; margin: 0; font-weight: 400; display: flex; align-items: center; color: #1D2C35; padding-left: 20px; }
.sample.accordianSection input { opacity: 0; display: none; }
.accParent .tab-content { max-height: 0; transition: all 0.35s; padding: 0 20px; width: 100%; }
.accParent .tab-close { display: flex; justify-content: flex-end; padding: 1em; font-size: 0.75em; background: #2c3e50; cursor: pointer; }
.accParent .tab-close:hover { background: #1a252f; }
.accParent input:checked+.tab-label { color: #1D2C35; }
.accParent input:checked~.tab-content { max-height: 100vh; display: block; }
.accParent .tab-label img { width: 17px; }
.accParent .tab-content p { margin-bottom: 10px; font-size: 15px; color: #3D3D3D; line-height: 25px; margin-top: 0; width: 100%; }
.accParent input:checked+.tab-label span.normal-icons { display: none; }
.accParent input:checked+.tab-label span.active-icons { display: block; }
/*************new banner************/

.banner-right-inner { float: right; text-align: center; }
.banner-right-inner h2 { margin: 0; font-size: 22px; color: #fff; line-height: 52px; font-weight: 500; }
.banner-right-inner p { color: #fff; font-size: 16px; line-height: 52px; margin: 0; font-weight: 400; }
.banner-right-inner a { color: #fff; font-size: 14px; margin: 0; text-decoration: underline; }
a.img-box:hover img { transform: scale(1.1); }
a.img-box img { transition: all 0.5s; width: 100%; display: block; }
a.img-box { overflow: hidden; display: block; }
a.img-admin { display: block;/* height: 172px; */
    /* overflow: hidden; */
}
a.img-admin img { /* height: 265px; */
display: block; object-fit: contain; transition: all 0.5s; width: 100%; margin: 0; display: block; }
a.img-admin:hover img { /* transform: scale(1.1); */
}
span.star-img { line-height: 20px; }
.advance-coder-sec .inner-advance-coder-sec .advance-box img { transition: all 0.5s; }
.advance-coder-sec .inner-advance-coder-sec .advance-box:hover img { transform: scale(1.1); }
.advance-coder-sec .inner-advance-coder-sec .advance-box:before { z-index: 1; }
.ux-designer-sec .ui-right ul.design-explain li { margin-right: 15px; }


/**************animation****************/


@keyframes moveInleft {  0% {
 opacity: 0;
 transform: translateX(-100px);
}
 80% {
 transform: translateX(10px);
}
 100% {
 opacity: 1;
 transform: translate(0);
}
}
 @keyframes moveInRight {  0% {
 opacity: 0;
 transform: translateX(100px);
}
 80% {
 transform: translateX(-10px);
}
 100% {
 opacity: 1;
 transform: translate(0);
}
}
 @keyframes moveInTop {  0% {
 opacity: 0;
 transform: translateY(100px);
}
 80% {
 transform: translateY(-10px);
}
 100% {
 opacity: 1;
 transform: translate(0);
}
}
/***********new css banner********/
.banner-section { /*background-color: #4386CD;*/
text-align: center; padding: 140px 0 90px; }
.banner-section p { color: #fff; font-size: 18px; line-height: 33px; margin-bottom: 46px; }
.top-heading { margin-bottom: 67px; }
.inner-banner h1 { font-size: 48px; line-height: 70px; color: #fff; margin: 0 0 45px; font-family: Arial, Helvetica, sans-serif; }
.banner-section .container { /*max-width: 985px;*/
}
.inner-banner h1 a { color: #fff; text-decoration: underline; }
.banner-btn { background-color: #FC9803; border-radius: 5px; padding: 20px 60px; display: inline-block; color: #fff; font-size: 20px; line-height: 23px; }
ul.rating-banner { margin-top: 17px; }
.rating-text { font-size: 14px; line-height: 22px; color: #fff; margin: 0; }
.inner-banner h1 span { display: block; }
/*******************************/


/*.companies-ui-sec h2 { text-align: center; font-size: 42px; line-height: 52px; color: #3D3D3D; margin-bottom: 25px; margin-top: 0; font-weight: 400; }*/
/*h2 span {color: #4386CD;}*/
h2 { font-weight: 400; }
.companies-ui-sec p { font-size: 15px; line-height: 23px; color: #3D3D3D; text-align: center; max-width: 750px; margin: 0 auto 30px; }
.companies-ui-sec .com-companies-ui { display: flex; flex-wrap: wrap; align-items: center; background-color: #F5F8FA; }
.companies-ui-sec .com-companies-ui .left-box { width: 40%; }
.companies-ui-sec .com-companies-ui .right-box { width: 60%; position: relative; }
.companies-ui-sec .com-companies-ui .left-box ul { padding: 40px 30px 40px 30px; }
.companies-ui-sec .com-companies-ui .right-box ul.top-companies { display: flex; flex-wrap: wrap; max-width: 550px; margin: 0 auto 95px; }
.companies-ui-sec .com-companies-ui .right-box ul.top-companies li { width: calc(33.33% - 20px); margin: 10px; text-align: center; position: relative; }
.companies-ui-sec .com-companies-ui .right-box ul.top-companies li .heading { display: block; font-size: 43px; line-height: 26px; color: #fff; font-family: Arial, Helvetica, sans-serif; }
.companies-ui-sec .com-companies-ui .right-box ul.top-companies li .sub-text { font-size: 16px; color: #fff; margin-top: 13px; display: block; font-family: Arial, Helvetica, sans-serif; }
.companies-ui-sec .com-uper-bg { position: absolute; z-index: 23; top: 50%; width: 100%; transform: translateY(-50%); max-width: 100%; margin: 0 auto; left: 0; right: 0; }
.companies-ui-sec .com-companies-ui .right-box .img-bg img { width: 100%; }
.companies-ui-sec .com-companies-ui .left-box ul li { display: flex; /* align-items: baseline; */
font-size: 16px; font-family: Arial, Helvetica, sans-serif; line-height: 26px; margin-bottom: 38px; }
.companies-ui-sec .com-companies-ui .left-box ul li img { margin-top: 5px; margin-right: 35px; }
.companies-ui-sec .com-uper-bg ul.btm-companies { display: flex; max-width: 550px; margin: 0 auto; justify-content: space-between; }
.companies-ui-sec .com-uper-bg ul.btm-companies li { width: calc(50% - 20px); margin: 10px; text-align: center; display: flex; align-items: center; }
.companies-ui-sec .com-uper-bg ul.btm-companies li .right-etxt { color: #fff; font-size: 19px; line-height: 23px; text-align: left; max-width: 109px; padding-left: 15px; }
.companies-ui-sec .com-uper-bg ul.btm-companies li .right-etxt a { color: #fff; }
.banner-btn:hover { color: #fc9803; background-color: #fff; }
.hire-and-jobs .inner-hire-jobs ul.btn-box li a:hover { background-color: #E2E2E2; color: #1D2C35; }
.ux-box.classsign-up-box .ui-full-box .btn.btn-border:hover { color: #4386cd; background-color: #fff; }
.heading-footer-btm { padding-bottom: 100px; }
.heading-footer-btm h2 { margin: 0; font-size: 42px; line-height: 52px; color: #3D3D3D; font-weight: 400; }
.heading-footer-btm p { font-size: 14px; line-height: 23px; color: #3D3D3D; }
.companies-ui-sec .com-companies-ui .right-box ul.top-companies li:before { content: ""; width: 1px; height: 100%; position: absolute; left: -7px; background-color: #fff; }
.companies-ui-sec .com-companies-ui .right-box ul.top-companies li:nth-child(1):before { display: none; }
.mob-nuber { padding-right: 5px; color: #000; font-size: 17px; display: none; }
.blur-box-img img { display: block; width: 100%; }
.ux-box.blur-box .inner-ux-ui-box.hover-bdr { box-shadow: none; padding: 0; }
.ux-designer-sec .ux-box.blur-box { padding: 21px; border: 2px solid #fff; transition: all 0.5s; box-shadow: 1px 3px 12px rgb(0 0 0 / 16%); }
.banner-section.banner-bg-images { background-image: url(../images/map_g.webp); background-repeat: no-repeat; background-position: center; background-size: contain; }
.offer-box.hiring-form { padding-top: 60px; }
/*comon css start*/
.top-comon-heading h2 { text-align: center; font-size: 42px; line-height: 52px; color: #3D3D3D; margin-bottom: 25px; margin-top: 0; font-weight: 400; }
.top-comon-heading p { font-size: 15px; line-height: 23px; color: #3D3D3D; text-align: center; max-width: 750px; margin: 0 auto 30px; }
.comon-heading { padding: 50px 0; }
.listing-design { padding: 50px 0; background-color: #F5F8FA; }
.listing-design .inner-listing-box { display: flex; flex-wrap: wrap; margin: 0 -20px; }
.listing-design .inner-listing-box .listing-box { width: calc(33.33% - 40px); margin: 10px 20px; /* background-color: #fff; */
    /* box-shadow: 0 10px 30px rgb(0 0 0 / 15%); */
    /* border-radius: 7px; */
padding: 20px 40px; /* border-left: 1px solid  #623d3d; */
position: relative; }
.listing-design .inner-listing-box .listing-box h2 { font-size: 18px; font-weight: 600; color: #3D3D3D; margin: 27px 0 12px; line-height: 21px; text-transform: uppercase; }
.listing-design .inner-listing-box .listing-box ul li, .listing-design .inner-listing-box .listing-box p { font-size: 16px; line-height: 23px; color: #3D3D3D; margin: 9px 0; }
.listing-design .inner-listing-box .listing-box ul, .listing-design .inner-listing-box .listing-box p { margin: 8px 0; }
.listing-design .inner-listing-box .listing-box ul li img { width: 16px; margin-right: 9px; }
.dot-check { list-style-type: disc; padding-left: 20px; }
.count-check { list-style-type: auto; padding-left: 20px; }
.listing-design .inner-listing-box .listing-box { width: calc(33.33% - 20px); margin: 10px; }
.listing-design .inner-listing-box { margin: 0 -10px; }
.listing-design .inner-listing-box .listing-box ul .img-left { width: 30px; }
.listing-design .inner-listing-box .listing-box ul .text-right { width: calc(100% - 30px); }
.listing-design .inner-listing-box .listing-box ul li { display: flex; }
.listing-design .inner-listing-box .listing-box:before { content: ""; width: 1px; height: 100%; position: absolute; left: -11px; background-color: #e9e6e6; top: 0; }
.listing-design .inner-listing-box .listing-box:nth-child(1):before { display: none; }
.comon-heading .top-comon-heading p { margin-bottom: 7px; }
.listing-design .inner-listing-box .listing-box ul .img-left svg { width: 19px; height: auto; }
/*-----------------home page-----------*/
.home-banner { padding: 65px 0; }
.inner-home-banner { display: flex; flex-wrap: wrap; align-items: center; }
.inner-home-banner { display: flex; flex-wrap: wrap; align-items: center; margin: 0 -15px; }
.left-banner { width: 49%; padding: 15px; }
.right-banner { width: 51%; padding: 0; text-align: right; display: flex; position: relative; margin-bottom: 35px; }
.banner-heading { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000; }
.left-banner h1 { font-size: 45px; color: #000; font-weight: 700; font-family: Arial, Helvetica, sans-serif; line-height: 1.2; margin: 10px 0 25px; }
.left-banner p { font-size: 16px; color: #000; margin-bottom: 25px; }
.left-banner .blue-bg { font-size: 20px; color: #fff; display: inline-block; padding: 12px 25px; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; }
.left-banner .blue-bg:hover { background: #157be7; color: #fff; }
.trusted-by { text-align: center; padding: 40px 0; }
.trusted-by-client { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.trusted-by-client a { width: 13%; padding: 10px 15px; }
.trusted-by p { font-size: 18px; color: #000; margin: 0 0 5px; }
.stand-out-row { display: flex; flex-wrap: wrap; align-items: center; margin: 0 -15px; }
.stand-out-col { width: 50%; padding: 0 15px; }
.stand-out-col h2 { margin: 0 0 20px; }
.stand-out-col p { color: #000; font-size: 18px; margin: 0 0 20px; }
.stand-out-icon { background: rgb(252 154 7 / 10%); width: 67px; height: 66px; display: flex; align-items: center; justify-content: center; }
.stand-out-col li { display: flex; align-items: center; font-size: 18px; color: #000; margin-bottom: 15px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; }
.stand-out-trext { margin-left: 20px; }
.ux-designer-sec .ui-left .indicator img { width: 18px; height: 18px; margin-right: 6px !important; }
.find-talent .tabs { max-width: 930px; margin: 0 auto 48px; border-bottom: none; }
.find-talent .inner-ux-designer .ux-left-box { width: 100%; margin: -15px 10px 0; }
.find-talent .tab>label { color: #000; font-weight: 400; }
.find-talent .tabbed [type=radio]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label, .find-talent .tabbed [type=radio]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label, .find-talent .tabbed [type=radio]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label, .find-talent .tabbed [type=radio]:nth-of-type(4):checked~.tabs .tab:nth-of-type(4) label, .find-talent .tabbed [type=radio]:nth-of-type(5):checked~.tabs .tab:nth-of-type(5) label { /*border-bottom-color: #fff;
    border-top-color: #fff;
    background: #fff;*/
color: #0071BC; border-bottom: 3px solid #0071BC; }
.sec-head { font-size: 40px; color: #3D3D3D; line-height: 1.3; margin: 0 0 30px; }
.find-talent .tabbed { overflow-x: inherit; }
.find-talent .custom-btn { font-size: 16px; letter-spacing: 1px; }
.find-talent .custom-btn:hover { background-color: #157be7; color: #fff; }
.custom-btn { font-size: 16px; font-weight: 700; color: #fff; display: inline-block; padding: 8px 20px; border-radius: 4px; letter-spacing: 1px; text-align: center; }
.custom-btn:hover { background-color: #157be7; color: #fff; }
.find-talent .offer-tab-button { margin-bottom: 30px; }
.text-center { text-align: center; }
.page-sec { padding: 70px 0; }
.light-bg { background: #F7F7F7; }
.sub-text-center { text-align: center; color: #000; /*font-size: 18px;*/
max-width: 700px; margin: 0 auto 30px; }
.world-class-row { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.world-class-col { width: 33.33%; text-align: center; padding: 25px; transition: all 0.5s; margin-bottom: 20px; }
.world-class-col h4 { font-size: 24px; color: #081827; font-weight: 700; margin: 10px 0; }
.world-class-col p { color: #081827; font-size: 18px; max-width: 250px; margin: 0 auto 20px; }
.ui-right-full { width: 100%; }
.ui-right-full .top-box { border-bottom: 1px solid #ddd; margin-bottom: 15px; }
ul.location-users { margin-bottom: 15px; }
ul.location-users li { display: flex; align-items: center; margin-bottom: 5px; margin-left: 0 !important; }
.inner-ux-designer .ux-left-box ul.location-users li span { font-size: 13px; color: #777; }
ul.location-users li svg { width: 15px; margin-right: 7px; }
.inner-ux-designer .ux-left-box ul.location-users li span { font-size: 13px; color: #777; line-height: 1.4; }
ul.icon-users { display: flex; margin: 0 -5px; }
ul.icon-users li { padding: 5px; margin-left: 0 !important; }
.ui-full-box { width: 100%; }
.row-reverse { flex-direction: row-reverse; }
.hire-designers-icon { width: 95px; height: 95px; display: flex; align-items: center; justify-content: center; border-radius: 50%; padding: 10px; margin: 5px 0; transition: all 0.5s;/*transition:all 0.5s ease-in-out;*/
}
.hire-designers-text { width: calc(100% - 95px); padding-left: 20px; }
.hire-designers-text p { margin: 0; }
.custom-col-4 { width: 33.33%; padding: 0 15px; }
.made-easy-col { height: 100%; position: relative; padding-top: 15px; }
.made-easy-col-in { background: #C7CACF; height: 100%; border: 1px solid #C7CACF; position: relative; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; }
.made-easy-col-in:hover { background: #8a8d93; border: 1px solid #a1a4a9; }
.made-easy-col-round { background: #fff; padding: 40px; border-radius: 100px 0 0 0; text-align: center; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; }
.made-easy-col-round:hover { background: #f7f7f7; }
.made-easy-step { position: absolute; color: #fff; font-weight: 700; font-size: 22px; left: 10px; top: 0; }
.made-easy-col-round h4 { font-size: 24px; font-weight: 700; color: #000; line-height: 1.3; margin: 20px 0; }
.made-easy-col-round p { color: #000; max-width: 250px; margin: 0 AUTO 5px; line-height: 1.8; }
.coder-work-int { width: 70px; height: 70px; color: #fff; font-size: 30px; font-weight: 700; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; }
.coder-work-text { width: calc(100% - 70px); padding-left: 20px; }
.coder-work-text h5 { font-size: 20px; }
.coder-work-text p { font-size: 16px; color: rgb(8 24 39 / 60%); margin: 0; }
.coder-int-col { background: #fff; box-shadow: 0 0 12px rgb(0 0 0 / 15%); padding: 20px; margin-left: 50px; margin-top: 25px !important; }
.latest-tech { padding-left: 65px; }
.pd-r { padding-right: 65px; }
.client-love-nav label { display: flex; align-items: center; padding: 5px; cursor: pointer; }
.client-love-nav { display: flex; align-items: center; justify-content: center; }
.client-n { width: 55px; height: 55px; border-radius: 50%; overflow: hidden; }
.client-name { width: 0; padding-left: 15px; color: #000; visibility: hidden; }
.client-name small { display: block; font-size: 12px; color: #525560; white-space: nowrap; }
.idea-app-slider #slides_1~.navigation label:nth-child(1) .client-name { width: calc(100% - 55px); visibility: visible; }
.idea-app-slider #slides_1:checked~.navigation label:nth-child(1) .client-name, .idea-app-slider #slides_2:checked~.navigation label:nth-child(2) .client-name, .idea-app-slider #slides_3:checked~.navigation label:nth-child(3) .client-name, .idea-app-slider #slides_4:checked~.navigation label:nth-child(4) .client-name, .idea-app-slider #slides_5:checked~.navigation label:nth-child(5) .client-name { width: calc(100% - 55px); visibility: visible; }
.idea-app-slider #slides_2:checked~.navigation label:nth-child(1) .client-name, .idea-app-slider #slides_3:checked~.navigation label:nth-child(1) .client-name, .idea-app-slider #slides_4:checked~.navigation label:nth-child(1) .client-name, .idea-app-slider #slides_5:checked~.navigation label:nth-child(1) .client-name { width: 0; visibility: hidden; }
.client-love { /*padding-left: 200px;*/
border: 1px solid #e7e7e7; box-shadow: 0 3px 6px rgb(0 0 0 / 15%); margin: 15px 15px 30px; position: relative; }
.client-love p { color: #525560; line-height: 1.8; }
.client-love:after { content: ""; position: absolute; width: 15px; height: 15px; background: #ffff; bottom: -8px; box-shadow: 5px 3px 6px rgb(0 0 0 / 15%); transform: rotate(45deg); left: 50%; margin-left: -8px; }
.tab-content h3 { text-align: center; color: #000; margin: 0 0 20px; font-size: 24px; }
.arrow-btn:hover { padding-left: 15px; }
.stand-out-col li:hover .hire-designers-icon, .stand-out-col li:hover .coder-work-int { box-shadow: 0 0 12px hsl(230deg 20% 18% / 30%); border: 4px solid rgb(255 255 255 / 70%); }
.coder-int-col:hover { box-shadow: 0 0 18px rgb(0 0 0 / 20%); margin-left: -5px; }
.related-team .left-in-box h2 { font-size: 18px; font-weight: 600; color: #000; margin: 0 0 15px; }
.related-team .ux-box .inner-ux-ui-box { margin: 10px; }
.related-team .ux-box { width: calc(33.33% - 20px); margin: 10px; }
.related-team #slides_01~.navigation label:nth-child(1) { background: #4386CD; }
.related-team #slides_01:checked~.navigation label:nth-child(1), .related-team #slides_02:checked~.navigation label:nth-child(2), .related-team #slides_03:checked~.navigation label:nth-child(3), .related-team #slides_04:checked~.navigation label:nth-child(4), .related-team #slides_05:checked~.navigation label:nth-child(5) { background: #4386CD; }
.related-team #slides_02:checked~.navigation label:nth-child(1), .related-team #slides_03:checked~.navigation label:nth-child(1), .related-team #slides_04:checked~.navigation label:nth-child(1), .related-team #slides_05:checked~.navigation label:nth-child(1) { background: rgb(61 61 61 / 50%); }
.related-team .client-love-nav label { display: inline-block; margin: 3px; cursor: pointer; width: 15px; height: 15px; background: rgb(61 61 61 / 50%); border-radius: 50%; }
.find-talent .sign-up-box { padding: 100px 0; text-align: center; }
.main-menu nav>ul>li:last-child { margin-right: 0; }
ul.social-sec { display: flex; margin: 15px -5px; }
ul.social-sec li { margin: 0 5px; }
.footer-bottom ul li:last-child { text-align: right; }
.full-stack-team h3 { color: #3D3D3D; font-size: 30px; font-weight: 700; margin: 0 0 5px; }
.full-stack-team { color: #081827; }
.full-stack-team h4 { font-size: 18px; margin: 0 0 5px; }
ul.list-inline { margin: 10px -15px 20px; }
ul.list-inline li { display: inline-block; padding: 0 15px; }
ul.team-list { margin: 0 -10px 15px; }
ul.team-list li { display: inline-block; padding: 0 10px; }
ul.team-list li.active { color: #4386CD; }
ul.team-list li.active span { background: #4386CD; }
ul.team-list li span { display: inline-block; background: #3D3D3D; color: #fff; padding: 0 9px; margin-left: 5px; height: 28px; line-height: 1.8; font-size: 15px; }
ul.list-inline li svg { margin-right: 5px; width: 15px; height: 15px; }
.full-stack .team-list { max-width: inherit; justify-content: flex-start; margin: 0 -10px 35px; border-bottom: 1px solid #ddd; padding-bottom: 3px; }
.full-stack .tab>label { font-size: 16px; white-space: nowrap; font-weight: 400 !important; }
.full-stack #slides_001~.navigation label:nth-child(1) { background: #4386CD; }
.full-stack #slides_001:checked~.navigation label:nth-child(1), .full-stack #slides_002:checked~.navigation label:nth-child(2), .full-stack #slides_003:checked~.navigation label:nth-child(3), .full-stack #slides_004:checked~.navigation label:nth-child(4), .full-stack #slides_005:checked~.navigation label:nth-child(5) { background: #4386CD; }
.full-stack #slides_002:checked~.navigation label:nth-child(1), .full-stack #slides_003:checked~.navigation label:nth-child(1), .full-stack #slides_004:checked~.navigation label:nth-child(1), .full-stack #slides_005:checked~.navigation label:nth-child(1) { background: rgb(61 61 61 / 50%); }
.full-stack #slides_011~.navigation label:nth-child(1) { background: #4386CD; }
.full-stack #slides_011:checked~.navigation label:nth-child(1), .full-stack #slides_012:checked~.navigation label:nth-child(2), .full-stack #slides_013:checked~.navigation label:nth-child(3), .full-stack #slides_014:checked~.navigation label:nth-child(4), .full-stack #slides_015:checked~.navigation label:nth-child(5) { background: #4386CD; }
.full-stack #slides_012:checked~.navigation label:nth-child(1), .full-stack #slides_013:checked~.navigation label:nth-child(1), .full-stack #slides_014:checked~.navigation label:nth-child(1), .full-stack #slides_015:checked~.navigation label:nth-child(1) { background: rgb(61 61 61 / 50%); }
.full-stack #slides_021~.navigation label:nth-child(1) { background: #4386CD; }
.full-stack #slides_021:checked~.navigation label:nth-child(1), .full-stack #slides_022:checked~.navigation label:nth-child(2), .full-stack #slides_023:checked~.navigation label:nth-child(3), .full-stack #slides_024:checked~.navigation label:nth-child(4), .full-stack #slides_025:checked~.navigation label:nth-child(5) { background: #4386CD; }
.full-stack #slides_022:checked~.navigation label:nth-child(1), .full-stack #slides_023:checked~.navigation label:nth-child(1), .full-stack #slides_024:checked~.navigation label:nth-child(1), .full-stack #slides_025:checked~.navigation label:nth-child(1) { background: rgb(61 61 61 / 50%); }
.full-stack #slides_031~.navigation label:nth-child(1) { background: #4386CD; }
.full-stack #slides_031:checked~.navigation label:nth-child(1), .full-stack #slides_032:checked~.navigation label:nth-child(2), .full-stack #slides_033:checked~.navigation label:nth-child(3), .full-stack #slides_034:checked~.navigation label:nth-child(4), .full-stack #slides_035:checked~.navigation label:nth-child(5) { background: #4386CD; }
.full-stack #slides_032:checked~.navigation label:nth-child(1), .full-stack #slides_033:checked~.navigation label:nth-child(1), .full-stack #slides_034:checked~.navigation label:nth-child(1), .full-stack #slides_035:checked~.navigation label:nth-child(1) { background: rgb(61 61 61 / 50%); }
.full-stack #slides_041~.navigation label:nth-child(1) { background: #4386CD; }
.full-stack #slides_041:checked~.navigation label:nth-child(1), .full-stack #slides_042:checked~.navigation label:nth-child(2), .full-stack #slides_043:checked~.navigation label:nth-child(3), .full-stack #slides_044:checked~.navigation label:nth-child(4), .full-stack #slides_045:checked~.navigation label:nth-child(5) { background: #4386CD; }
.full-stack #slides_042:checked~.navigation label:nth-child(1), .full-stack #slides_043:checked~.navigation label:nth-child(1), .full-stack #slides_044:checked~.navigation label:nth-child(1), .full-stack #slides_045:checked~.navigation label:nth-child(1) { background: rgb(61 61 61 / 50%); }
.full-stack .client-love-nav label { display: inline-block; margin: 3px; cursor: pointer; width: 15px; height: 15px; background: rgb(61 61 61 / 50%); border-radius: 50%; }
.full-stack .ui-com-box { margin: 0 -7px; }
ul.location-admin li { margin-left: 0 !important; }
.footer-bottom ul li:last-child a { margin-left: 20px; }
.world-class-icon svg { transform: scale(1.0); transition: all 0.5s; }
.world-class-col:hover .world-class-icon svg { transform: scale(1.1); transition: all 0.5s; transform: rotate(180deg); }
ul.icon-users li img { border-radius: 50%; box-shadow: 0 0 6px rgb(0 0 0 / 35%); border: 1px solid #fff; transition: all 0.5s; }
ul.icon-users li img:hover { box-shadow: 0 0 6px rgb(0 0 0 / 35%); border: 2px solid #fff; transition: all 0.5s; }
.tab-inner-box ul li a.v-all { color: #4386cd; font-weight: 700; }
.world-class-col h4 a { color: #081827; }
.footer-box-lg { width: 75%; }
.footer-box-lg ul { margin: 0 -10px; display: flex; flex-wrap: wrap; }
.footer-box-lg ul li { width: 50%; padding: 0 10px; }
.stand-out-col li .stand-out-icon img { transform: scale(1.0); transition: all 0.5s; }
.stand-out-col li:hover .stand-out-icon img { transform: scale(1.1); }
.banner-part4 img { margin-right: -45px; max-width: 520px; }
.banner-part4 { position: relative; width: 100%; animation-name: moveInRight; animation-duration: 1s; }
.banner-part3 { position: absolute; width: 389px; bottom: -40px; left: 15px; animation-name: moveInTop; animation-duration: 1s; }
.banner-part2 { position: absolute; width: 368px; z-index: 1; left: 61px; top: 139px; animation-name: moveInleft; animation-duration: 1s; }
.banner-part1 { width: 240px; position: absolute; left: 10px; top: 30px; z-index: 1; animation-name: moveInRight; animation-duration: 1s; }
.no-img-bg { background-image: none !important }
ul.list-inline li img { margin-right: 5px; }
ul.location-users li>img { margin-right: 7px; }
.tab-inner-box ul li a.v-all img { width: 12px; margin-left: 5px; }
.tech-row { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.tech-col { width: 20%; padding: 15px; border-radius: 50%; /* overflow: hidden; */
height: 100%; display: flex; align-items: center; justify-content: center; }
.tech-icon { background: #fff; padding: 10px; text-align: center; border-radius: 50%; display: flex; height: 100%; align-items: center; justify-content: center; border: 1px solid rgb(67 134 205 / 40%); box-shadow: 0 0 10px rgb(0 0 0 / 15%); overflow: hidden; }
.tech-icon img { background: #fff; border-radius: 50%; filter: grayscale(100%); }
.tech-icon:hover { border: 1px solid rgb(67 134 205 / 80%); }
.tech-icon:hover img { filter: grayscale(0); }
.mob-d { display: none; }
.full-stack-team { padding: 0px 0px 40px 0px; }
/*-------------------08-06-22------------------*/
.about { text-align: center; }
.row { padding: 0; margin-left: -15px; margin-right: -15px; }
.col12 { padding: 0 15px; width: 100%; }
.about .headBox { margin-bottom: 35px; }
.headBox h2 { text-align: center; font-size: 36px; font-weight: 700; line-height: 1.2; color: #242837; margin-bottom: 20px; }
.about p { margin-bottom: 20px; }
.about p:last-child { margin-bottom: 0; }
.app-dev-srvs { margin-top: 50px; }
.flex { display: flex; }
.f_wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.app-srv-item { width: 25%; text-align: center; border-right: 1px solid #cecece; }
.app-srvBox a h5 { font-size: 14px; max-width: 120px; margin: 10px auto 0; color: #242837; font-weight: 700; }
.app-srvBox a:hover { opacity: .9; }
.app-srv-item:last-child { border-right: none; }
.pb-0 { padding-bottom: 0; }
.pt-2 { padding-top: 20px; }
.tags { background: #f5f9ff; }
.tag_inner { margin-right: -20px; margin-left: -20px; }
.tag_row { display: flex; margin-bottom: 25px; }
.tag_div { padding: 0 20px; width: 50%; }
.tag_inner>.tag_row:last-child { margin-bottom: 0; }
.tagBox { display: flex; background: #fff; box-shadow: 0 3px 60px rgb(30 30 104 / .15); padding: 20px 25px; height: 100%; }
.tagBox .tag_img { width: 55px; }
.tag_div .tag_text { max-width: calc(100% - 55px); }
.tag_div .tag_text { padding-left: 30px; }
.tag_text h4 { font-size: 18px; line-height: 30px; margin-bottom: 10px; color: #333; }
.tag_text p:last-child { margin-bottom: 0; }
.headBox { margin: 0 auto; text-align: center; margin-bottom: 50px; max-width: 800px; }
.empowering { background: #fff; }
.empowering .half { position: relative; }
.sec_mb_5 { margin-bottom: 80px; }
.empowering .half .left, .empowering .half .right { position: relative; z-index: 1; }
.half .left, .half .right { width: 50%; }
.img_overlay { padding: 0 50px 0 0; }
.img_overlay .imgDiv { position: relative; box-shadow: 0 3px 60px rgb(30 30 104 / .15); background: 0 0; border-radius: 15px; overflow: hidden; }
.img_overlay .imgDiv img { width: 100%; display: block; }
.innerpage .empowering .half .textDiv { padding-left: 0; }
.half .textDiv h2 { text-align: left; }
h2 { font-size: 36px; font-weight: 700; line-height: 46px; margin-bottom: 20px; color: #333; }
.half .textDiv p { margin-bottom: 20px; }
.mvp-sm-ttl { margin: 40px 0 20px; }
.empowering h4 { line-height: 1; margin-bottom: 10px; color: #333; }
.ul__bullet { list-style: none; margin: 0 0 30px; }
.ul__bullet li { position: relative; padding-left: 40px; line-height: 26px; margin-bottom: 15px; }
.ul__bullet li:after { position: absolute; content: ''; width: 22px; height: 22px; background: url(../images/square.png); left: 0; top: 2px; }
.btn__block li:last-child { margin-right: 0; }
.btn_o { background: #4386cd; color: #fff; }
/*.btn:hover {
    background-color: #f3f3f3;
    color: #1D2C35;
}*/
.half_reverse { flex-flow: row-reverse; }
.img_overlay { padding: 0 50px 0 0; }
.img_overlay_reverse { padding: 0 0 0 50px; }
b { /*color: #333;*/
}
.tag_rowFull .tag_div { width: 100%; margin-bottom: 30px; padding: 0; }
.tag_rowFull .tag_div:nth-child(odd) { padding: 0 0 0 30px; }
.tag_rowFull .tag_div:nth-child(even) { padding: 0 30px 0 0; }
.tag_rowFull .tag_div .tagBox { padding: 20px 25px; }
.tag_num { display: flex; align-items: center; }
.tag_rowFull .tag_div .tagBox .tag_text { padding-left: 20px; }
.tag_rowFull { flex-wrap: wrap; margin-bottom: 0; }
.tag_num span { font-size: 22px; color: #f05a23; font-style: italic; font-weight: 800; line-height: 26px; opacity: .4; }
.tag_rowFull_reverse .tag_div:nth-child(odd) { padding: 0 30px 0 0; }
.tag_rowFull_reverse .tag_div:nth-child(even) { padding: 0 0 0 30px; }
.why_text { margin: 45px auto 0; text-align: center; max-width: 680px; }
.bg_light { background: #f5f9ff; }
.expBox { padding: 0 0; border-radius: 20px; background: #fff; position: relative; overflow: hidden; z-index: 0; border: 1px solid #e3e3e3; width: 31.33%; margin: 0 1%; }
.expTop img { width: 100%; }
.open-popup { cursor: pointer; }
.expTop { padding: 0 0; position: relative; z-index: 1; }
.expBottm { padding: 20px 20px; }
.expBottm ul { display: flex; justify-content: space-between; margin-bottom: 10px; align-items: center; }
.category { color: #333; font-size: 10px; background: #e1e1e1; padding: 3px 15px; display: inline-block; width: auto; border-radius: 30px; line-height: 14px; }
.explore-Slider { -moz-perspective: 1300px; -ms-perspective: 1300px; -webkit-perspective: 1300px; perspective: 1300px; display: inline-block; text-align: left; position: relative; margin-bottom: 0; width: 100%; }
.explore-Slider>input { display: none; }
.explore-Slider>ul { position: relative; z-index: 1; font-size: 0; line-height: 0; margin: 0 auto; padding: 0; overflow: hidden; white-space: nowrap; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; }
.explore-Slider>input:nth-of-type(1):checked~ul li:first-of-type { margin-left: 0; }
.explore-Slider>input:nth-of-type(2):checked~ul li:first-of-type { margin-left: -100%; }
.explore-Slider>ul>li { position: relative; display: inline-block; width: 100%; height: 100%; overflow: hidden; font-size: 15px; font-size: initial; line-height: normal; -moz-transition: all .5s cubic-bezier(.4, 1.3, .65, 1); -o-transition: all .5s ease-out; -webkit-transition: all .5s cubic-bezier(.4, 1.3, .65, 1); transition: all .5s cubic-bezier(.4, 1.3, .65, 1); vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: normal; }
.app-item-row { display: flex; flex-wrap: wrap; }
.idea-app-slider>.arrows { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; /* width: 100%; */
height: 26px; padding: 0 31px;/* z-index: 99; */
}
.explore-Slider>.arrows label { /* display: none; */
position: absolute; top: 45%; margin-top: -10px; padding: 10px; /* box-shadow: inset 2px -2px 0 1px #4386cd; */
cursor: pointer; -moz-transition: box-shadow .15s, margin .15s; -o-transition: box-shadow .15s, margin .15s; -webkit-transition: box-shadow .15s, margin .15s; transition: box-shadow .15s, margin .15s; z-index: 1; right: -15px; height: 56px; }
.w-idea-app.infinity>input:last-of-type:checked~.arrows label.goto-first, .explore-Slider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(2), .explore-Slider>input:nth-of-type(10):checked~.arrows>label:nth-of-type(11), .explore-Slider>input:nth-of-type(11):checked~.arrows>label:nth-of-type(12), .explore-Slider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(3), .explore-Slider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(4), .explore-Slider>input:nth-of-type(4):checked~.arrows>label:nth-of-type(5), .explore-Slider>input:nth-of-type(5):checked~.arrows>label:nth-of-type(6), .explore-Slider>input:nth-of-type(6):checked~.arrows>label:nth-of-type(7), .explore-Slider>input:nth-of-type(7):checked~.arrows>label:nth-of-type(8), .explore-Slider>input:nth-of-type(8):checked~.arrows>label:nth-of-type(9), .explore-Slider>input:nth-of-type(9):checked~.arrows>label:nth-of-type(10) { right: 0; }
.w-idea-app.infinity>input:last-of-type:checked~.arrows label.goto-first, .explore-Slider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(1), .explore-Slider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(2), .explore-Slider>input:nth-of-type(10):checked~.arrows>label:nth-of-type(11), .explore-Slider>input:nth-of-type(11):checked~.arrows>label:nth-of-type(12), .explore-Slider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(3), .explore-Slider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(4), .explore-Slider>input:nth-of-type(4):checked~.arrows>label:nth-of-type(5), .explore-Slider>input:nth-of-type(5):checked~.arrows>label:nth-of-type(6), .explore-Slider>input:nth-of-type(6):checked~.arrows>label:nth-of-type(7), .explore-Slider>input:nth-of-type(7):checked~.arrows>label:nth-of-type(8), .explore-Slider>input:nth-of-type(8):checked~.arrows>label:nth-of-type(9), .explore-Slider>input:nth-of-type(9):checked~.arrows>label:nth-of-type(10) { display: block !important; /* right: 18px; */
left: -15px; /*-moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);*/
    /* -webkit-transform: rotate(225deg); */
    /* transform: rotate(225deg); */
z-index: 2; opacity: 1; color: #fff;}
.banner.infinity>input:first-of-type:checked~.arrows label.goto-last, .explore-Slider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(0), .explore-Slider>input:nth-of-type(10):checked~.arrows>label:nth-of-type(9), .explore-Slider>input:nth-of-type(11):checked~.arrows>label:nth-of-type(10), .explore-Slider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(1), .explore-Slider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(2), .explore-Slider>input:nth-of-type(4):checked~.arrows>label:nth-of-type(3), .explore-Slider>input:nth-of-type(5):checked~.arrows>label:nth-of-type(4), .explore-Slider>input:nth-of-type(6):checked~.arrows>label:nth-of-type(5), .explore-Slider>input:nth-of-type(7):checked~.arrows>label:nth-of-type(6), .explore-Slider>input:nth-of-type(8):checked~.arrows>label:nth-of-type(7), .explore-Slider>input:nth-of-type(9):checked~.arrows>label:nth-of-type(8) { display: block; left: 18px; right: auto;/*-moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);*/
    /* -webkit-transform: rotate(45deg); */
    /* transform: rotate(45deg); */
}
.idea-app-slider>input:nth-of-type(4):checked~ul li:first-of-type { margin-left: -300% }
.idea-app-slider>input:nth-of-type(5):checked~ul li:first-of-type { margin-left: -400% }
.idea-app-slider>input:nth-of-type(6):checked~ul li:first-of-type { margin-left: -500% }
.idea-app-slider>input:nth-of-type(7):checked~ul li:first-of-type { margin-left: -600% }
.idea-app-slider>input:nth-of-type(8):checked~ul li:first-of-type { margin-left: -700% }
.idea-app-slider>input:nth-of-type(9):checked~ul li:first-of-type { margin-left: -800% }
.idea-app-slider>input:nth-of-type(10):checked~ul li:first-of-type { margin-left: -900% }
.home-testimonials .idea-app-slider>ul>li { height: auto; }
.explore-Slider>.arrows label img { background: #fff; padding: 10px; width: 36px; height: 36px; border-radius: 50%; box-shadow: 0 0 6px #ccc; }
.explore-Slider label.goto-first { /* display: block !important; */
left: -15px; }
.expBottm ul li { margin: 0 !important; }
form[name="quoteForm"] { overflow: hidden; }
.head-title, .modal-submit input { font-weight: 500; text-transform: uppercase; }
.head-title { padding-bottom: 15px; margin: 0 0 21px; font-size: 22px; color: #333; position: relative; }
.head-title small { font-size: 65%; font-weight: 400; line-height: 1; color: #777; }
.head-title:after { content: ""; position: absolute; left: 2px; bottom: 3px; height: 2px; width: 82px; background: #f2783d; }
.field-input { margin-bottom: 15px; width: 50%; float: left; padding: 0 15px; }
.field-input label { margin: 0 0 2px; }
.field-input label, .field-textarea label { display: block; color: #000; font-weight: 400; }
.detail-text, .field-input label { font-size: 16px; line-height: 36px; }
.form-control { color: #555; display: block; border: 1px solid #e5e5e5; width: 100%; height: 34px; background-color: #f9f9f9; resize: none; font-size: 16px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
textarea.form-control { height: 145px; }
.iframeForm iframe { height: 100%; width: 100%; border: none; }
.iframeForm { width: 100%; height: 660px; max-width: 769px; margin: 0 auto; }
.rel_boxFrame { display: flex; justify-content: space-between; margin-bottom: 45px; }
.relBox { padding: 35px 30px; text-align: left; cursor: pointer; background: #fff 0 0 no-repeat; border-radius: 12px; height: 100%; position: relative; }
.op .rel_boxFrame { margin-bottom: 0; }
.op .relBox { box-shadow: 0 3px 60px rgb(30 30 104 / 15%); cursor: default; width: 22%; }
.innerpage .relBox { width: 270px; }
.relBox h3 { margin-bottom: 20px; font-size: 18px; }
.op .relBox p { color: #242837; width: 100%; margin-bottom: 10px; font-size: 15px; line-height: 27px; margin-bottom: 20px; min-height: 81px; }
.op .relBox a { font-size: 18px; font-weight: 700; line-height: 24px; color: #242837; }
.modal-submit input { background-color: #4386cd; }
.sdw-none { box-shadow: none !important; }
.half .textDiv { padding-left: 50px; text-align: left; }
.pr_0 { padding-right: 0 !important; }
.srv-capt { max-width: 630px; padding-top: 70px; padding-bottom: 45px; }
.ml_auto { margin-left: auto; }
.half_reverse .textDiv { padding-left: 0; padding-right: 50px; }
.postBox { padding: 35px 27px; text-align: left; cursor: pointer; background: #fff 0 0 no-repeat; border-radius: 12px; height: 100%; position: relative; box-shadow: 0 3px 20px rgba(30, 30, 104, .15); text-align: center; width: 30.33%; margin: 1.5%; min-height: 295px; }
.sm-crcl { height: 79px; width: 79px; background: rgba(240, 90, 35, .13); border-radius: 50px; margin: 0 auto 20px; padding: 12px; line-height: 30px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.postBox h4 { margin-bottom: 10px; line-height: 28px; }
.postBox p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.postCard { padding: 30px 25px; padding-top: 25px; padding-right: 15px; padding-bottom: 25px; padding-left: 15px; background-color: #fff; box-shadow: 0 3px 40px -8px rgba(30, 30, 104, .1); cursor: pointer; background: #fff 0 0 no-repeat; border-radius: 15px; height: 100%; width: 30.33%; margin: 0 1.5%; }
.pcard-img { width: 35px; padding-top: 5px; text-align: center; }
.pcard-desc { width: calc(100% - 35px); padding-left: 15px; }
.sec-inr-gap .three-slide-box { padding: 25px 35px; }
.sec-inr-gap .excellent-sec { height: 100%; display: flex; align-items: center; }
.sec-inr-gap .excellent-sec p { line-height: 1.4; font-size: 22px; font-weight: 700; letter-spacing: 1px; }
.pl_0 { padding-left: 0 !important; }
.android-app-slider>input:nth-of-type(3):checked~ul li:first-of-type { margin-left: -200%; }
.android-app-slider .postCard { min-height: 180px; }
.adrd_sec_bg { background-size: cover; background-repeat: no-repeat; background-image: url(../images/caterbg.jpg); }
.overlay { position: relative; }
.overlay:after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; background: #040819; opacity: .83; z-index: 0; }
.overlay .container { position: relative; z-index: 1; }
.blackbox h2, .blackbox p, .blackbox p.text_o { color: #fff; }
.card_rdus_box .tagBox { border-radius: 12px; }
.card_rdus_box .tag_div .tag_text { max-width: 100%; padding-left: 0; }
.expTop { padding: 0 0; position: relative; z-index: 1; }
.tpSliderFrame .expTop img { width: 100%; }
.tp .expBottm { background: #fff; z-index: 1; position: relative; }
.tp .expBox:after { position: absolute; content: ''; width: auto; height: auto; top: -20px; bottom: -20px; left: 20px; right: 20px; }
.tp .expBox.purple:after { background: url(../images/bgpurple.jpg); }
.tp .expBox.orange:after { background: url(../images/bgorange.jpg); }
.tp .expBox.green:after { background: url(../images/bggreen.jpg); }
.tp .tpSlider>div { padding: 20px 0; display: flex; flex-wrap: wrap; width: 100%; }
.tp .expBox.purple .dwn { background: #aa99f3; }
.dwn { width: 29px; height: 29px; display: flex; align-items: center; justify-content: center; }
.tp .expBox { border-radius: 0; box-shadow: 0 3px 6px rgb(0 0 0 / 16%); position: relative; overflow: visible; }
.tp_title { font-size: 17px; font-weight: 600; line-height: 26px; color: #242837; margin-bottom: 25px; display: inline-block; vertical-align: top; min-height: 50px; }
.tp_title:hover { color: #f15d25; }
.tp .expBottm ul:nth-last-child(1) { margin-bottom: 0; }
.rdmr { color: #f05a23; text-decoration: underline; }
.tp .expBox.orange .dwn { background: #f15d25; }
.tp .expBox.green .dwn { background: #8bc579; }
.img_overlay .imgDiv.circle { border-radius: 50%; overflow: hidden; }
.half_inner .half { margin-bottom: 50px; }
.halfParent .half .textDiv { padding-left: 0; }
.halfParent .half_reverse .textDiv { padding-right: 0; }
.pcard-desc p { font-size: 15px; color: #626262; }
.tagBox .tag_img img { filter: grayscale(100%); }
.swap-box .imgDiv { line-height: 10px; height: 100%; }
.fStk-srvs .textDiv { padding-left: 0; }
.two_col_card { margin-left: -30px; }
.two_col_card .tag_div { padding: 0 0 0 30px; margin-bottom: 20px; }
.two_col_card .tagBox { padding: 20px 20px 20px 25px; }
.two_col_card .tag_text { max-width: 100%; padding-left: 0; }
.swap-box .imgDiv img { height: 100%; width: 100%; object-fit: cover; }
.two_col_card .tagBox:hover { background-color: #242837; color: #fff; cursor: pointer; }
.apps-dmnd .tagBox { text-align: center; }
.apps-dmnd h5 { font-size: 18px; margin-bottom: 10px; }
.sec-inr-gap .three-slide-box .postCard { height: auto; }
.card_rdus_box .tag_div .tag_text h5 { font-size: 18px; margin-bottom: 5px; color: #333; }
.jfy-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.e-com-srvs .imgDiv { border-radius: 0; }
.text_left { text-align: left !important; }
.card_icon { width: 92px; height: 92px; text-align: center; border-radius: 50%; padding: 5px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 0 auto -46px; background: #fff; box-shadow: 0 -8px 12px -8px rgba(30, 30, 104, .15); position: relative; z-index: 1; }
.card_desc { cursor: pointer; background: #fff 0 0 no-repeat; border-radius: 12px; padding: 55px 20px 35px; text-align: center; cursor: pointer; background: #fff 0 0 no-repeat; border-radius: 12px; position: relative; background: #fff; box-shadow: 0 3px 60px rgb(30 30 104 / .15); height: calc(100% - 46px); }
.bFit-box { text-align: center; padding-top: 0; background: 0 0; padding: 0; width: 100% !important; }
.four_col_card .tag_row { margin-bottom: 40px; }
.card-col { width: 25%; padding: 0 15px; }
.jtfy_center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.tag_div .tag_text { max-width: calc(100% - 55px); }
.tag_div .tag_text { padding-left: 30px; }
.content_center { justify-content: center; }
.three_col_view .tag_div { width: 33.3333%; padding: 0 15px; }
.sn_empowering .half { margin-bottom: 70px; }
.white-bg { background: #fff; }
.pcard-img img { filter: grayscale(1); }
h3 { font-size: 28px; font-weight: 700; line-height: 1.2; color: #242837; margin-bottom: 20px; }
.headBox h3 { text-align: center; font-size: 36px; font-weight: 700; line-height: 1.2; color: #242837; margin-bottom: 20px; }
.expBottm h3 { font-size: 18px; margin: 0; }
.expBottm ul li p { font-size: 14px; }
.ux-designer-sec .ui-right .top-box .left-in-box h3 { font-size: 22px; margin: 0 0 5px; }
.left-in-box h3 { font-size: 13px !important; margin: 5px 0 5px !important; font-weight: 100 !important; color: #484848 !important; }
.dname { font-size: 16px; margin: 0; line-height: 20px; color: #3D3D3D; width: 100%; font-weight: 800; }
.imgDiv img { width: 100%; }
.half_reverse .img_overlay { padding-right: 0; padding-left: 50px; }
.mb-0 { margin-bottom: 0 !important; }
.two_col_card .tagBox:hover .col_card_lead b { color: #fff; }
.sql .two_col_card .tagBox { padding: 15px 20px; }
/*------------------09-08-22-----------------*/

.btn-right .btn-blue { color: #fff; font-size: 16px; display: block; padding: 4px 15px; border-radius: 6px; margin-right: 15px; }
.btn-right .btn-blue:hover { background: #157be7; }
.cl-rating { padding-top: 30px; }
.team-right { display: flex; position: relative; align-items: baseline; padding-left: 7%; width: 51%; margin-top: 50px; margin-bottom: 0; }
.team-right .banner-part5 { position: absolute; left: -34%; bottom: 16%; overflow: hidden; width: 326px; animation-name: moveInRight; animation-duration: 1s; }
.team-right .banner-part3 { position: relative; width: 130px; bottom: 10px; background: #fff; left: 0; padding-left: 12px; border: 1px solid #BBBBBB; height: 265px; border-radius: 65px; }
.team-right .banner-part3 img { border-radius: 87px; display: block; min-width: 173px; height: 285px; position: relative; top: -15px; }
.team-right .banner-part4 { width: 260px; height: 555px; border: 1px solid #bbb; padding-left: 13px; border-radius: 131px; background: #fff; margin-top: 30px; margin-left: 75px; }
.team-right .banner-part4 img { width: 319px; height: 592px; border-radius: 160px; display: block; margin: -35px 0 0; }
.team-right .banner-part1 { width: 240px; position: absolute; left: 29%; top: 11%; z-index: 1; animation-name: moveInRight; animation-duration: 1s; }
.team-right .banner-part2 { position: absolute; z-index: 1; left: 32%; top: 37%; animation-name: moveInleft; animation-duration: 1s; background: #fff; padding: 6px; border-radius: 15px; width: auto; }
.team-right .banner-part2 img { display: block; }
.banner-part6 { position: absolute; right: -40px; bottom: -31px; animation-name: moveInRight; animation-duration: 1s; }
.cl-rating p { margin: 0; }
.team-left { margin-top: 55px; }
.trusted-by-inner svg { vertical-align: middle; margin-right: 5px; }
.trusted-by-inner { background: #EFEFEF; padding: 25px 0; text-align: center; }
.trusted-by-inner p { font-size: 24px; font-family: Arial, Helvetica, sans-serif; }
.accordianSection { background: #fff; box-shadow: 0 2px 8px rgb(0 0 0 / 10%); padding: 6px; border-radius: 8px; margin: 0 0 25px; }
span.normal-icons { line-height: normal; position: absolute; right: -6px; top: -6px; background: #0071BC; text-align: center; bottom: -6px; padding: 21px 25px; border-radius: 0 8px 8px 0; color: #fff; }
span.active-icons { line-height: normal; position: absolute; right: -6px; top: -6px; text-align: center; bottom: -6px; padding: 21px 25px; border-radius: 0 8px 8px 0; }
span.normal-icons line { stroke: #fff; }
span.normal-icons svg { width: 17px; }
.team-right:after { position: absolute; content: ""; left: 12%; top: 40%; width: 21px; height: 21px; background: #0094F8; border-radius: 20px; }
.team-right:before { position: absolute; content: ""; right: 5%; top: 0; width: 16px; height: 16px; background: #0094F8; border-radius: 20px; }
.team-banner { padding-top: 50px; margin-bottom: 0; }
span.sub-text-center { display: block; position: relative; font-size: 22px; top: -18px; font-family: Arial, Helvetica, sans-serif; }
.inner-team-box { box-shadow: 0 0 8px rgb(0 0 0 / 20%); }
.team-img img { display: block; }
.team-full-box { padding: 20px 25px 25px; }
.team-full-box h5 { font-size: 16px; margin: 0 0 8px; }
ul.shoftwere-team li { font-size: 14px; margin: 0 0 5px; position: relative; padding-left: 23px; }
ul.shoftwere-team li img { position: absolute; left: 0; top: 3px; }
.trusted-by-client a svg { width: 100%; height: auto; }
.trusted-by-client a.uber { width: 10%; }
a.racuten { width: 12%; }
a.yelp { width: 12%; }
.trusted-by-client a { width: 14%; padding: 20px 22px 10px; }
.world-class-col:hover { background: #dde1e3; }
.banner { position: relative; padding-top: 67px; }
.mxw-700 { max-width: 700px !important; }
.bannerCaption { position: absolute; top: 50%; transform: translateY(-50%); z-index: 9; max-width: 620px; }
.bannerCaption p {
    color: #e1e1e1;
    line-height: 1.6;
    margin-bottom: 35px;
    font-size: 16px;
}
.bannerCaption p.caps { margin-bottom: 20px; }
.bannerCaption h1 { font-size: 50px; font-weight: 800; line-height: 61px; color: #fff; margin-bottom: 30px; }
.bannerCaption h3,.bannerCaption h2 {
    font-size:28px;
    font-weight: 700;
    line-height:34px;
    color: #fff;
    margin-bottom: 30px;
}
.bannerFrame::after { position: absolute; content: ""; background-color: rgba(4, 8, 25, .68); left: 0; right: 0; top: 0; bottom: 0; }
.banner img { display: block; width: 100%; }
.bannerCaption .custom-btn { font-size: 20px; color: #fff; display: inline-block; padding: 12px 25px; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
span.normal-icons img { filter: invert(1); }
.service-row { display: flex; flex-wrap: wrap; margin: 0 -15px; padding-top: 15px; }
.service-row li { width: 25%; text-align: left; padding: 7px 15px; font-size: 15px; }
.service-row li a:hover { color: #f69700; }
.mb-5 { margin-bottom: 50px; }
.details_inner { display: flex; }
.detailsBlock { display: flex; justify-content: center; }
.details_rightelemts { width: 50%;/*height: 100vh;*/
}
.details_leftElemets { width: 50%;/*height: 100vh;*/
}
.details__blockInner { max-width: 500px; width: 100%; padding: 20px; align-self: center; }
.form_inputElements input[type="text"], input[type="email"] { padding: 17px 18px; width: 100%; border-radius: 5px; border: 1px solid #e1e1e1; font-size: 16px; }
 .form_inputElements input[type="text"]::placeholder {
 color: #9f9c9c;
}
 .form_inputElements input[type="email"]::placeholder {
 color: #9f9c9c;
}
.number_ph { padding: 17px 18px; width: 100%; border-radius: 5px; border: 1px solid #e1e1e1; font-size: 16px; }
.form_msg textarea { width: 100%; border-radius: 5px; border: 1px solid #e1e1e1; }
.form_inputElements { margin-bottom: 20px; }
.form_inputElements label { margin-bottom: 10px; display: block; font-size: 16px; }
.logo_elements { margin-bottom: 30px; }
.logo_elements h2 { margin-top: 40px; font-size: 24px; }
.img_Block img { max-width: 100%; height: auto; object-fit: contain; }
.btn_submit { background: #4386cd; border: none; color: #ffffff; padding: 10px 30px; font-size: 20px; border-radius: 5px; cursor: pointer; }
.img_Block { width: 100%; height: 100%; background: #689bff; display: flex; align-items: center; justify-content: center; }
.logo_elements img { height: 50px; object-fit: contain; }
.button_layer button.custom-btn { padding: 15px 30px; font-size: 20px; }
.banner-d-part1 { position: absolute; right: -20px; top: 31%; animation-name: moveInRight; animation-duration: 1s; }
.banner-d-part2 { position: absolute; top: 29%; left: 25%; animation-name: moveInleft; animation-duration: 1s; }
.banner-d-part3 { position: absolute; top: 15%; animation-name: moveInleft; animation-duration: 1s; }
.banner-d-part4 { position: absolute; right: -25px; top: 10%; animation-name: moveInleft; animation-duration: 1s; }
.banner-d-part5 { position: absolute; bottom: 10px; left: -50px; animation-name: moveInTop; animation-duration: 1s; }
.banner-d-part6 { margin-left: 20%; margin-top: 10%; animation-name: moveInRight; animation-duration: 1s; }
.banner-m-part2 { position: absolute; right: 8px; bottom: -25px; z-index: 1; animation-name: moveInTop; animation-duration: 1s; }
.banner-m-part3 { position: relative; margin-left: 6%; padding-top: 12%; animation-name: moveInRight; animation-duration: 1s; }
.banner-m-part4 { position: absolute; top: 5%; animation-name: moveInleft; animation-duration: 1s; }
.banner-m-part5 { position: absolute; right: 12%; top: 7%; animation-name: moveInRight; animation-duration: 1s; }
.banner-m-part1 { position: absolute; bottom: 6%; left: 9%; z-index: 1; animation-name: moveInleft; animation-duration: 1s; }
.hire-pm-right { margin: 0; }
.banner-pm-part1 { margin-bottom: -70px; margin-top: 10%; margin-left: 5%; animation-name: moveInRight; animation-duration: 1s; }
.banner-pm-part2 { position: absolute; right: 0; top: 7%; animation-name: moveInleft; animation-duration: 1s; }
.banner-pm-part3 { position: absolute; top: 40%; animation-name: moveInTop; animation-duration: 1s; }
.blob { background: black; /*border-radius: 50%;*/
box-shadow: 0 0 0 0 rgba(0, 0, 0, 1); /*margin: 10px;
  height: 20px;
  width: 20px;*/
transform: scale(1); animation: pulse-blue 2s infinite; }
.blob.blue { background: rgba(52, 172, 224, 1); box-shadow: 0 0 0 0 rgba(52, 172, 224, 1); animation: pulse-blue 2s infinite; }
 @keyframes pulse-blue {  0% {
 transform: scale(0.95);
 box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);
}
 70% {
 transform: scale(1);
 box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);
}
 100% {
 transform: scale(0.95);
 box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
}
}
.blob.dblue { background: rgba(67, 134, 205, 1); box-shadow: 0 0 0 0 rgba(67, 134, 205, 1); animation: pulse-dblue 2s infinite; }
 @keyframes pulse-dblue {  0% {
 transform: scale(0.95);
 box-shadow: 0 0 0 0 rgba(67, 134, 205, 0.7);
}
 70% {
 transform: scale(1);
 box-shadow: 0 0 0 10px rgba(67, 134, 205, 0);
}
 100% {
 transform: scale(0.95);
 box-shadow: 0 0 0 0 rgba(67, 134, 205, 0);
}
}
.articles-box:hover { border: 1px solid #ccc !important; }
.addr { font-size: 16px !important; }
.hire-QA-right { margin: 0; padding-top: 80px; }
.banner-qa-part1 { position: absolute; left: -2%; top: 25%; animation-name: moveInleft; animation-duration: 1s; }
.banner-qa-part2 { position: absolute; left: -40px; bottom: 27%; z-index: 1; animation-name: moveInleft; animation-duration: 1s; }
.banner-qa-part3 { position: absolute; right: 15%; top: 7%; animation-name: moveInRight; animation-duration: 1s; }
.banner-qa-part4 { position: absolute; right: -15px; z-index: 1; top: 22%; animation-name: moveInTop; animation-duration: 1s; }
.banner-qa-part5 { position: absolute; right: -40px; top: 50%; z-index: 1; animation-name: moveInRight; animation-duration: 1s; }
.banner-qa-part6 { position: relative; margin-left: 35px; animation-name: moveInTop; animation-duration: 1s; }
.banner-qa-part7 { position: absolute; right: -30px; bottom: 80px; animation-name: moveInRight; animation-duration: 1s; }
/*------------------------02-09-22----------------------*/
.cr__top { border-bottom: 1px solid #adb3c9; }
.cr__topul { align-items: center; margin-bottom: 40px; justify-content: space-between; }
.cr__topul img { margin-right: 15px; }
.cr__topul li ul li h2 { line-height: 37px; margin-bottom: 0; }
.cr__topul h3 { font-size: 26px; font-weight: 700; line-height: 46px; }
.cr__bottomul { align-items: center; justify-content: space-between; padding-top: 40px; }
.cr__box { background: #fff; border-radius: 15px; text-align: center; width: 205px; padding: 30px 30px; display: flex; align-items: center; height: 200px; justify-content: center; box-shadow: 0 3px 60px rgb(30 30 104 / .15); }
.cr__box img { margin: 0 auto 20px; }
.cr__box p { color: #333; line-height: 25px; font-weight: 500; }
.mw .headBox { max-width: 990px; }
.mw__inner ul { justify-content: space-between; }
.mw__inner ul:nth-child(1) { margin-bottom: 30px; }
.mw .cr__box { width: 272px; height: 100%; align-items: flex-start; }
.mw__inner .cr__box h4 { font-size: 18px; font-weight: 600; line-height: 28px; color: #333; }
.so { padding: 60px 0; position: relative; background: url(../images/servicebg.jpg); }
.bg-cvr { background-repeat: no-repeat; background-size: cover; }
.so h2 { text-align: center; color: #fff; margin-bottom: 26px; }
.so_inner ul { flex-wrap: wrap; justify-content: center; }
.so_inner ul li { padding: 0 10px; }
.so_inner ul .btn { background: #444a60; border-radius: 30px; color: #fff; margin-bottom: 15px; padding: 9px 25px; text-transform: none; display: inline-block; }
.iws .sub-text-center { max-width: 840px; margin: 0 auto 30px; }
.find-talent .tabbed [type=radio]:nth-of-type(6):checked~.tabs .tab:nth-of-type(6) label, .find-talent .tabbed [type=radio]:nth-of-type(7):checked~.tabs .tab:nth-of-type(7) label, .find-talent .tabbed [type=radio]:nth-of-type(8):checked~.tabs .tab:nth-of-type(8) label, .find-talent .tabbed [type=radio]:nth-of-type(9):checked~.tabs .tab:nth-of-type(9) label, .find-talent .tabbed [type=radio]:nth-of-type(10):checked~.tabs .tab:nth-of-type(10) label { color: #0071BC; border-bottom: 3px solid #0071BC; }
.tabbed [type=radio]:nth-of-type(6):checked~.tabs .tab:nth-of-type(6) label, .tabbed [type=radio]:nth-of-type(7):checked~.tabs .tab:nth-of-type(7) label, .tabbed [type=radio]:nth-of-type(8):checked~.tabs .tab:nth-of-type(8) label, .tabbed [type=radio]:nth-of-type(9):checked~.tabs .tab:nth-of-type(9) label, .tabbed [type=radio]:nth-of-type(10):checked~.tabs .tab:nth-of-type(10) label { border-bottom-color: #ccc; border-top-color: #ccc; color: #081827; border-bottom: 3px solid #5E5E5E; }
.tabbed [type=radio]:nth-of-type(6):checked~.tab-content:nth-of-type(6), .tabbed [type=radio]:nth-of-type(7):checked~.tab-content:nth-of-type(7), .tabbed [type=radio]:nth-of-type(8):checked~.tab-content:nth-of-type(8), .tabbed [type=radio]:nth-of-type(9):checked~.tab-content:nth-of-type(9), .tabbed [type=radio]:nth-of-type(10):checked~.tab-content:nth-of-type(10) { display: block; }
.iws .tabs { max-width: 100%; flex-wrap: wrap; justify-content: center; }
.iws .tab { padding: 0 20px; }
.home_cater { background: url(../images/caterbg1.jpg); }
.tab_normal .tabs_inner { box-shadow: 0 3px 60px rgb(30 30 104 / .15); display: inline-block; vertical-align: top; width: 100%; }
.tab_normal .tabsFrame { padding: 30px 30px; margin-top: -80px; background: #fff; border-radius: 12px; z-index: 9; position: relative; }
.logo_ul { max-width: 951px; margin: 0 auto 50px; }
.tab_normal .tabbed [type=radio]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label, .tab_normal .tabbed [type=radio]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label, .tab_normal .tabbed [type=radio]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label, .tab_normal .tabbed [type=radio]:nth-of-type(4):checked~.tabs .tab:nth-of-type(4) label { border-bottom-color: #ccc; border-top-color: #ccc; color: #081827; border-bottom: 3px solid #5E5E5E; }
.tab_normal .tabbed [type=radio]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label, .tab_normal .tabbed [type=radio]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label, .tab_normal .tabbed [type=radio]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label, .tab_normal .tabbed [type=radio]:nth-of-type(4):checked~.tabs .tab:nth-of-type(4) label { color: #0071BC; border-bottom: 3px solid #0071BC; }
.tab_normal .tabbed [type=radio]:nth-of-type(1):checked~.tab-content:nth-of-type(1), .tab_normal .tabbed [type=radio]:nth-of-type(2):checked~.tab-content:nth-of-type(2), .tab_normal .tabbed [type=radio]:nth-of-type(3):checked~.tab-content:nth-of-type(3), .tab_normal .tabbed [type=radio]:nth-of-type(4):checked~.tab-content:nth-of-type(4) { display: block; }
.coderTabs ul.tabs { border: none; max-width: 700px; }
.coderTabs ul.tabs li.tab { padding: 0 10px; }
.coderTabs .tab>label { color: #000; }
.logo_ul ul { display: flex; justify-content: space-between; }
.logo_ul ul.bottomUL { justify-content: space-evenly; margin-top: 30px; }
.breakthrough .tabbed [type=radio]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label, .breakthrough .tabbed [type=radio]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label, .breakthrough .tabbed [type=radio]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label, .breakthrough .tabbed [type=radio]:nth-of-type(4):checked~.tabs .tab:nth-of-type(4) label, .breakthrough .tabbed [type=radio]:nth-of-type(5):checked~.tabs .tab:nth-of-type(5) label, .breakthrough .tabbed [type=radio]:nth-of-type(6):checked~.tabs .tab:nth-of-type(6) label, .breakthrough .tabbed [type=radio]:nth-of-type(7):checked~.tabs .tab:nth-of-type(7) label, .breakthrough .tabbed [type=radio]:nth-of-type(8):checked~.tabs .tab:nth-of-type(8) label, .breakthrough .tabbed [type=radio]:nth-of-type(9):checked~.tabs .tab:nth-of-type(9) label, .breakthrough .tabbed [type=radio]:nth-of-type(11):checked~.tabs .tab:nth-of-type(11) label, .breakthrough .tabbed [type=radio]:nth-of-type(12):checked~.tabs .tab:nth-of-type(12) label, .breakthrough .tabbed [type=radio]:nth-of-type(13):checked~.tabs .tab:nth-of-type(13) label, .breakthrough .tabbed [type=radio]:nth-of-type(14):checked~.tabs .tab:nth-of-type(14) label, .breakthrough .tabbed [type=radio]:nth-of-type(15):checked~.tabs .tab:nth-of-type(15) label, .breakthrough .tabbed [type=radio]:nth-of-type(10):checked~.tabs .tab:nth-of-type(10) label { border-bottom-color: #ccc; border-top-color: #ccc; color: #081827; border-bottom: 3px solid #5E5E5E; }
.breakthrough .tabbed [type=radio]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label, .breakthrough .tabbed [type=radio]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label, .breakthrough .tabbed [type=radio]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label, .breakthrough .tabbed [type=radio]:nth-of-type(4):checked~.tabs .tab:nth-of-type(4) label, .breakthrough .tabbed [type=radio]:nth-of-type(5):checked~.tabs .tab:nth-of-type(5) label, .breakthrough .tabbed [type=radio]:nth-of-type(6):checked~.tabs .tab:nth-of-type(6) label, .breakthrough .tabbed [type=radio]:nth-of-type(7):checked~.tabs .tab:nth-of-type(7) label, .breakthrough .tabbed [type=radio]:nth-of-type(8):checked~.tabs .tab:nth-of-type(8) label, .breakthrough .tabbed [type=radio]:nth-of-type(9):checked~.tabs .tab:nth-of-type(9) label, .breakthrough .tabbed [type=radio]:nth-of-type(11):checked~.tabs .tab:nth-of-type(11) label, .breakthrough .tabbed [type=radio]:nth-of-type(12):checked~.tabs .tab:nth-of-type(12) label, .breakthrough .tabbed [type=radio]:nth-of-type(13):checked~.tabs .tab:nth-of-type(13) label, .breakthrough .tabbed [type=radio]:nth-of-type(14):checked~.tabs .tab:nth-of-type(14) label, .breakthrough .tabbed [type=radio]:nth-of-type(15):checked~.tabs .tab:nth-of-type(15) label, .breakthrough .tabbed [type=radio]:nth-of-type(10):checked~.tabs .tab:nth-of-type(10) label { color: #0071BC; border-bottom: 3px solid #0071BC; }
.breakthrough .tabbed [type=radio]:nth-of-type(1):checked~.tab-content:nth-of-type(1), .breakthrough .tabbed [type=radio]:nth-of-type(2):checked~.tab-content:nth-of-type(2), .breakthrough .tabbed [type=radio]:nth-of-type(3):checked~.tab-content:nth-of-type(3), .breakthrough .tabbed [type=radio]:nth-of-type(4):checked~.tab-content:nth-of-type(4), .breakthrough .tabbed [type=radio]:nth-of-type(5):checked~.tab-content:nth-of-type(5), .breakthrough .tabbed [type=radio]:nth-of-type(6):checked~.tab-content:nth-of-type(6), .breakthrough .tabbed [type=radio]:nth-of-type(7):checked~.tab-content:nth-of-type(7), .breakthrough .tabbed [type=radio]:nth-of-type(8):checked~.tab-content:nth-of-type(8), .breakthrough .tabbed [type=radio]:nth-of-type(9):checked~.tab-content:nth-of-type(9), .breakthrough .tabbed [type=radio]:nth-of-type(11):checked~.tab-content:nth-of-type(11), .breakthrough .tabbed [type=radio]:nth-of-type(12):checked~.tab-content:nth-of-type(12), .breakthrough .tabbed [type=radio]:nth-of-type(13):checked~.tab-content:nth-of-type(13), .breakthrough .tabbed [type=radio]:nth-of-type(14):checked~.tab-content:nth-of-type(14), .breakthrough .tabbed [type=radio]:nth-of-type(15):checked~.tab-content:nth-of-type(15), .breakthrough .tabbed [type=radio]:nth-of-type(10):checked~.tab-content:nth-of-type(10) { display: block; }
.os_content>ul { display: flex; flex-wrap: wrap; justify-content: flex-start; }
.os_content>ul>li { width: 33%; margin-bottom: 30px; padding-left: 35px; }
.breakthrough .expBox { width: 100%; }
.breakthrough ul.tabs { border: none; }
.breakthrough ul.tabs li.tab { padding: 0 10px; }
.breakthrough .tab>label { color: #000; }
.coderTabs .tab>label, .breakthrough .tab>label { font-weight: 400; }
.categoryTag { font-size: 11px; font-weight: 600; line-height: 23px; margin: 0; color: #fff; padding: 0 20px; height: 29px; display: flex; align-items: center; }
.tp .expBox.purple .categoryTag { background: #aa99f3; }
.tp .expBox.orange .categoryTag { background: #f15d25; }
.tp .expBox.green .categoryTag { background: #8bc579; }
.so_inner ul .btn:hover { background: #157be7; }
.btn_b { border: 1px solid #4386cd; color: #4386cd; }
.mr-2 { margin-right: 15px; }
.mt-2 { margin-top: 15px; }
.greg { color: rgb(255 255 255 / 47%); text-align: center; margin: 20px 0 0 0; font-size: 13px; }
.heading-footer-btm h2 { text-transform: capitalize !important; }
.heading-footer-btm h3 { text-transform: capitalize !important; }
.heading-footer-btm h4 { text-transform: capitalize !important; }
.capital { text-transform: capitalize }
;
.upper { text-transform: uppercase }
;
.lower { text-transform: lowercase }
;
.fz16 { font-size: 16px !important; }
.fz18 { font-size: 18px !important; }
.fz20 { font-size: 20px !important; }
.w600 { font-weight: 600 !important; }
.cookiesPopup { position: fixed; top: auto; left: 0; right: 0; bottom: 10px; z-index: 999; width: 100%; text-align: center; background: 0 0; }
.cookiesPopup .cookiesFrame { display: inline-block; text-align: center; background: rgba(8, 9, 14, .7); padding: 2px 2px 2px 5px; font-weight: 700; height: auto; width: auto; bottom: auto; z-index: 999; }
.cookiesPopup .colLeft { display: inline-block; vertical-align: middle; }
.cookiesPopup p { color: #fff; font-size: 13px; font-weight: 600; line-height: 1.6; display: inline; }
.cookiesPopup button { display: inline-block; line-height: 30px; height: 30px; padding: 0 15px; display: inline-block; vertical-align: middle; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; box-shadow: -3px 15px 24px 0 rgb(0 0 0 / 10%); -webkit-box-shadow: -3px 15px 24px 0 rgb(0 0 0 / 10%); -moz-box-shadow: -3px 15px 24px 0 rgba(0, 0, 0, .1); -ms-box-shadow: -3px 15px 24px 0 rgba(0, 0, 0, .1); -o-box-shadow: -3px 15px 24px 0 rgba(0, 0, 0, .1); background: #007fb8; border: 1px solid #007fb8; color: #fff; margin-left: 10px; }
.inner-insight img { max-width: none; width: 55px; height: 55px; border-radius: 50%; overflow: hidden; }
.lnk { font-size: inherit !important; color: inherit !important; }
.accordianSection h3 { margin-bottom: 0px !important; padding: 0 !important; }
.intro { font-size: 13px; padding-bottom: 15px; max-height: 100px; overflow: hidden; line-height: 20px; margin-bottom: 10px; }
ul.shoftwere-using { max-height: 80px; overflow: hidden; }
ul.shoftwere-using li { padding: 1px 7px; border: 1px solid rgb(102 102 102/.5); border-radius: 3px; margin: 3px !important; line-height: 16px; font-size: 12px; }
 @media only screen and (max-width: 767px) {
.intro { max-height: 200px; }
ul.shoftwere-using li { max-height: none; }
}
/*-----------Style1 start here - 21-07-23------------*/

.container { max-width: 1170px; margin: 0 auto; padding-left: 15px; padding-right: 15px; }
.pd50 { padding: 50px 0; }
.pdM50 { margin-top: -50px; }
.articles-sec h3 { text-align: center; }
.heading-footer-btm h2 { margin: 30px 0 10px; font-size: 25px; line-height: 32px; font-weight: 600; }
/*-----------new css - 29-06-23------------*/
.team-s-row { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.team-s-l { width: calc(100% - 300px); padding: 0 15px; }
.team-s-r { width: 300px; padding: 0 15px; }
.team-p-l { width: 150px; padding: 0 15px; }
.team-p-r { width: calc(100% - 150px); padding: 0 15px; position: relative; }
.team-list-col { background: #fff; border: 1px solid hsla(210, 5%, 93%, .5); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1); transition: all .2s; padding: 20px; margin-bottom: 30px; }
.team-list-col:hover { border: 1px solid #edf0f8; box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .1); }
.team-m-p img { width: 100%; display: block; transition: all .2s; cursor: pointer; }
.team-m-p { background: #0171bc; margin-bottom: 20px; /*-webkit-clip-path: polygon(0 0, calc(100% + 1px) 0, calc(100% + 1px) 100%, 16px 100%, 0 calc(100% - 16px)); clip-path: polygon(0 0, calc(100% + 1px) 0, calc(100% + 1px) 100%, 16px 100%, 0 calc(100% - 16px));*/
overflow: hidden; border-radius: 6px; }
.team-m-p:hover img { /*opacity: 0.7;*/
transform: scale(1.1); }
.team-m-b .hire-t-btn { background: #0171bc; display: block; text-align: center; color: #fff; padding: 6px; border-radius: 5px; font-size: 14px; }
.team-m-box p { font-size: 16px; margin: 0; font-weight: 700; }
/*.team-m-box h3 { font-size: 14px; color: #84888e; margin: 0; font-weight: 400; }*/
.location-team-m { margin: 0; padding: 0; }
.location-team-m li { font-size: 13px; color: #84888e; display: inline-block; margin: 0 5px 5px 0; }
.location-team-m li:last-child { margin: 0; }
.location-team-m li img { margin-right: 8px; vertical-align: middle; }
.content-team-m p { font-size: 14px; color: #84888e; line-height: 1.4; margin: 0; font-weight: normal; }
.content-team-m { margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden !important; }
.team-col-2 .content-team-m { -webkit-line-clamp: 5; height: 100px; }
.team-m-rate { position: absolute; right: 15px; top: 0; font-size: 13px; color: #84888e; }
.team-m-rate p { font-size: 13px; color: #84888e; }
.shoftwere-team-m { margin: 0; padding: 0; max-height: 67px; overflow: hidden; }
.shoftwere-team-m li { display: inline-block; margin-right: 5px; font-size: 12px; border: 1px solid #ddd; color: #84888e; padding: 4px 8px; border-radius: 4px; line-height: 1.4; text-overflow: ellipsis; max-width: 90px; white-space: nowrap; overflow: hidden; }
/*
.shoftwere-team-m li span {
    display: block;
    font-size: 12px;
    border: 1px solid #ddd;
    color: #84888e;
    padding: 4px 8px;
    border-radius: 4px;
    line-height: 1.4;
    text-overflow: ellipsis;
    max-width: 90px;
    white-space: nowrap;
    overflow: hidden;
}
*/
.shoftwere-team-m li { display: inline-block; margin-right: 1px; margin-bottom: 5px; }
.r-box1 { background: #2271bc; }
.team-r-in { padding: 20px 25px; margin-bottom: 25px; }
.r-box1 p { color: #fff; font-size: 14px; margin: 0 0 10px; }
.r-box1 h4 { color: #fff; text-transform: uppercase; margin: 0 0 20px; font-size: 16px; }
.r-box1 h4:last-child { margin: 0; }
.r-box2 { padding: 0; border: 1px solid #ddd; }
.team-testi-msg { padding: 5px 15px 0; }
.team-testi-msg p { font-size: 14px; margin: 0 0 10px; }
.team-testi-msg h4 { text-transform: uppercase; margin: 0 0 20px; font-size: 16px; }
.team-s-b { padding: 0 15px; max-width: 100%; }
.team-col-2 .team-p-r { width: calc(100% - 100px); padding: 0 15px 0 0; }
.team-col-2 .team-p-l { width: 100px; padding: 0 15px; }
.team-col-2 .team-m-rate { top: 5px; }
.box-team-c { background: #fff; border: 1px solid #ddd; padding: 20px; }
.col-full { width: 100%; }
.team-col-2 .shoftwere-team-m { margin: 0 0 10px; }
/*.team-col-2 { margin-bottom: 30px; padding-top: 30px; }*/

.mob-o { display: none; }
.blur-img-box { max-height: 358px; position: relative; border: 1px solid #ddd; overflow: hidden; }
.blur-img-box img { max-height: 355px; }
.blur-img-box .sign-up-box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; }
.blur-img-box .sign-up-box span { display: block; font-size: 18px; color: #000; }
.blur-img-box .hire-t-btn { background: #0171bc; display: block; text-align: center; color: #fff !important; padding: 6px; border-radius: 5px; font-size: 18px; }
ul.side-list { margin: 0; padding: 0; }
ul.side-list li { position: relative; color: #fff; display: block; padding-left: 20px; margin: 0 0 8px; }
ul.side-list li:after { position: absolute; content: ""; width: 5px; height: 10px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(45deg); left: 0; top: 4px; }
.blur-img-full { padding: 0; margin: 0; }
.blur-img-full .blur-img-box { min-height: auto; border: none; background: #d9eefc; }
.blur-img-full .blur-img-box img { min-height: 120px; display: block; width: 100%; opacity: 0; }
 @media only screen and (max-width: 991px) {
.team-s-l { width: 100%; margin-bottom: 25px; }
.team-s-r { width: 100%; display: flex; flex-wrap: wrap; }
.team-r-in { padding: 12px 15px; margin-bottom: 20px; }
.team-list-col { padding: 15px; margin-bottom: 20px; }
.col-full { width: 100%; }
.team-r-in { width: 50%; }
.team-col-2 { margin-bottom: 0px; }
}
 @media only screen and (max-width: 767px) {
.blur-img-full .blur-img-box img { min-height: 120px; }
.blur-img-box .sign-up-box span { display: block; font-size: 16px; color: #000; }
.blur-img-box .hire-t-btn { font-size: 16px; }
.shoftwere-team-m { max-height: 100px; }
.content-team-m p { -webkit-line-clamp: 5; }
}
 @media only screen and (max-width: 639px) {
.carousel__slide { flex: 0 0 50%; width: 50%; }
.mob-o { display: inline-block; }
}
 @media only screen and (max-width: 479px) {
#slider article { width: calc(100% - 10px); border: none; margin: 0 5px; }
.team-r-in { width: 100%; }
.team-p-r { width: 100%; }
.team-p-l { width: 150px; margin: 0 auto 15px; border: 1px solid #ddd; padding: 15px; }
.team-col-2 .team-p-l { border: none; margin: 0; }
.mob-o { display: inline-block; }
.desk-o { display: none; }
.blur-img-box { min-height: 391px; }
}
.image-design1 { position: relative; padding-right: 10px; padding-bottom: 10px; background: none; border-radius: 8px 0 0 0; }
.image-design1:before { position: absolute; content: ""; background: #a5d1ed; left: 10px; top: 10px; right: 0; bottom: 0; border-radius: 0 0 8px 0; }
.image-design1 img { position: relative; border-radius: 8px 0 8px 0; }
.image-design1:hover img { /* opacity: 0.7; */
transform: scale(1.1); }
.team-col-2 .image-design1 { padding-right: 5px; padding-bottom: 5px; border-radius: 6px 0 0 0; }
.team-col-2 .image-design1 img { position: relative; border-radius: 6px 0 6px 0; }
.team-col-2 .image-design1:before { border-radius: 0 0 6px 0; }
/*-----------new table css - 03-07-23------------*/
.table-res table { border: none; }
.table-res table td { padding: 8px 15px; font-size: 15px; color: #5e5e5e; }
.table-res table thead td { font-size: 16px; font-weight: 600; padding: 12px 15px; background: #007fd4 !important; color: #fff !important; }
.table-res table tbody tr td { border-top: 1px solid #e7e7e7; }
.table-res table tr td:nth-child(2) { background: rgb(78 159 236); color: #fff; }
.table-res table tr td:nth-child(3) { background: rgb(108 183 255); color: #fff; }
.table-res table tr td:first-child { font-size: 16px; font-weight: 600; min-width: 250px; color: #333; background: rgb(245 250 255); }
.table-res1 table { border: none; }
.table-res1 table td { padding: 8px 15px; font-size: 15px; color: #5e5e5e; }
.table-res1 table thead td { font-size: 16px; font-weight: 600; padding: 12px 15px; background: rgb(76 113 151) !important; color: #fff !important; }
.table-res1 table tbody tr td { border-top: 1px solid #e7e7e7; }
.table-res1 table tr td:nth-child(2) { background: rgb(156 179 202); color: #fff; }
.table-res1 table tr td:nth-child(3) { background: rgb(102 141 180); color: #fff; }
.table-res1 table tr td:first-child { font-size: 16px; font-weight: 600; min-width: 250px; color: #333; background: rgb(245 250 255); }
.sec-head { font-size: 40px; color: #3d3d3d; line-height: 1.3; margin: 0 0 30px; }
.blue-text { color: #0071bc !important; }
.text-center { text-align: center; }
 @media only screen and (max-width: 767px) {
.table-res,  .table-res1 { overflow: auto; width: 100%; }
.table-res table tr td:first-child { font-size: 14px; min-width: 100px; }
.table-res table td { padding: 7px 10px; font-size: 13px; }
.table-res table thead td { font-size: 14px; padding: 8px 10px; }
.table-res1 table tr td:first-child { font-size: 14px; min-width: 100px; }
.table-res1 table td { padding: 7px 10px; font-size: 13px; }
.table-res1 table thead td { font-size: 14px; padding: 8px 10px; }
.sec-head { font-size: 24px; margin: 0 0 30px; }
}
/*----------------------------new banner css------------------------*/
.banner-row { margin: 0 -15px; display: flex; flex-wrap: wrap; }
.banner-col-left { width: 50%; padding: 0 15px; }
.banner-col-right { width: 40%; padding: 0 15px; }
.banner-col-left h1 { font-size: 32px; font-weight: 700; color: #000; margin: 0 0 5px; line-height: 1.4; }
.ban-s-head { color: #0171BC; font-size: 20px; font-weight: 700; margin: 0 0 25px; }
.ban-s-text { font-size: 24px; margin: 0 0 15px; color: #000; }
.banner-col-left ul { padding: 0; display: flex; flex-wrap: wrap; margin: 0 25px; max-width: 600px; list-style-image: url(../../../images/blue-right.svg); }
.banner-col-left ul li { position: relative; width: 50%; padding: 0 10px 0 0; margin: 0 0 10px; font-size: 18px; color: #000; }
.ban-check { position: absolute; top: 3px; left: 0; }
.ban-btn-row { padding: 25px 0; }
.ban-btn-border { display: inline-block; border-radius: 4px; border: 1px solid #0171bc; background: #FFF; font-size: 20px; color: #0171bc; padding: 11px 25px; margin-right: 25px; }
.ban-btn-fill { display: inline-block; border-radius: 4px; background: #FC9803; font-size: 20px; color: #fff; padding: 12px 25px; }
.new-banner1 { background: #EFF6FF; margin: 50px 0 0 0; }
.ban-stars img { max-width: 150px; }
.ban-stars p { font-size: 14px; color: #000; }
.ban-btn-fill:hover, .ban-btn-border:hover { background: #0171bc; color: #fff; border-color: #0171bc; }
 @media only screen and (max-width: 991px) {
.banner-col-left h1 { font-size: 28px; }
.ban-s-head { font-size: 17px; margin: 0 0 20px; }
.ban-s-text { font-size: 17px; margin: 0 0 15px; }
.banner-col-left ul li { width: 50%; padding: 0 10px 0 0; margin: 0 0 10px; font-size: 16px; }
.ban-btn-border { font-size: 15px; padding: 7px 20px; margin-right: 15px; }
.ban-btn-fill { font-size: 15px; padding: 8px 20px; }
.ban-btn-row { padding: 15px 0 20px; }
.ban-stars img { max-width: 130px; }
.ban-stars p { font-size: 13px; color: #000; }
}
 @media only screen and (max-width: 767px) {
.banner-col-left { width: 100%; padding: 0 15px; text-align: center; }
.banner-col-right { width: 100%; padding: 0 15px; text-align: center; }
.banner-col-left ul li { padding: 0 10px 0 0; font-size: 15px; text-align: left; width: auto; margin: 0 0 10px 25px; line-height: 1.6; }
.banner-col-left ul { justify-content: center; }
.ban-check { width: 16px; }
.banner-col-left h1 { font-size: 24px; }
.ban-s-head { font-size: 16px; margin: 0 0 15px; }
.ban-s-text { font-size: 16px; margin: 0 0 15px; }
.ban-stars { margin-bottom: 25px; }
 .banner-col-left ul li::marker {
 padding-top: 5px;
}
}
/*-----------------------------new full banner -----------------------*/
.banner-full { width: 100%; }
.banner-full ul { margin: 0 auto; justify-content: center; max-width: 930px;/*padding-left: 20px;*/
}
.banner-full ul li { width: auto; margin: 0 20px; font-size: 18px; }
.banner-full h1 { font-size: 54px; }
.banner-full .ban-s-head { font-size: 32px; margin: 0 0 40px; }
.banner-full .ban-btn-row { padding: 40px 0; }
.banner-full .ban-stars img { max-width: 185px; }
.banner-full .ban-stars { margin-bottom: 20px; }
 @media only screen and (max-width: 991px) {
.banner-full h1 { font-size: 40px; }
.banner-full .ban-s-head { font-size: 24px; margin: 0 0 30px; }
.banner-full .ban-s-text { font-size: 20px; margin: 0 0 15px; }
.banner-full ul li { width: auto; margin: 0 20px; font-size: 18px; }
}
 @media only screen and (max-width: 767px) {
.banner-full h1 { font-size: 24px; }
.banner-full .ban-s-head { font-size: 18px; margin: 0 0 20px; }
.banner-full .ban-s-text { font-size: 16px; margin: 0 0 15px; }
.banner-full ul li { width: auto; margin: 0 15px; font-size: 16px; }
.banner-full .ban-btn-row { padding: 40px 0; }
.banner-full .ban-stars { margin-bottom: 0; }
}
/*-----------------------------new header css-----------------------*/
.header { position: fixed; z-index: 99; width: 100%; top: 0; }
.header.sticky { background: #fdfdfd; border-bottom: solid 1px #ececec; }
/*-----------------------------new articles-sec css-----------------------*/
.articles-sec .swiper, .team-col-2 .swiper { margin-left: -15px; margin-right: -15px; padding: 0 15px; }
.articles-sec .swiper-pagination-clickable .swiper-pagination-bullet, .team-col-2 .swiper-pagination-clickable .swiper-pagination-bullet { width: 14px; height: 14px; }
.articles-sec .swiper-button-next, .team-col-2 .swiper-button-next { right: 0; background: #ccc; padding: 8px; }
.articles-sec .swiper-button-prev, .team-col-2 .swiper-button-prev { left: 0; background: #ccc; padding: 8px; }
.articles-sec .swiper-button-next:after, .articles-sec .swiper-button-prev:after, .team-col-2 .swiper-button-next:after, .team-col-2 .swiper-button-prev:after { font-size: 18px; color: #fff; }
.articles-sec .articles-box { width: 100%; background: #fff; border: 1px solid #ddd; padding: 20px; }
.articles-sec .articles-box .text-box p { margin: 0 0 18px; font-weight: 600; line-height: 25px; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 50px; }
.articles-sec .articles-box .text-box .post { margin: 0 0 15px !important; font-size: 14px !important; color: #3d3d3d; line-height: 26px !important; font-weight: 400 !important; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
 @media only screen and (max-width: 767px) {
.articles-sec .swiper-button-prev,  .team-col-2 .swiper-button-prev { left: 3px; }
.articles-sec .swiper-button-next,  .team-col-2 .swiper-button-next { right: 3px; }
}
/*-----------------------------new load-con-row css-----------------------*/
.load-con-row { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; position: relative; }
.load-btn-row { position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; padding: 50px 20px 0px; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 34%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 34%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 34%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}
.load-btn-row .custom-btn span+span { display: none; }
.con-open { display: block; }
.load-btn-row .con-hide span { display: none; }
.load-btn-row .con-hide span+span { display: block; }
.con-open .load-btn-row { background: no-repeat; position: relative; padding-top: 30px; }
 @media only screen and (max-width: 767px) {
.load-con-row { -webkit-line-clamp: 10; }
}
.team-testi-msg { padding: 5px 15px 0; display: -webkit-box; -webkit-line-clamp: 11; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 15px; }
.team-client-msg { padding: 0 15px 15px; }
.cl-sms-row { display: flex; align-items: center; }
.cli-img { min-width: 60px; height: 60px; border-radius: 50%; overflow: hidden; width: 60px; margin-right: 15px; }
.cl-sms-row h4 span { display: block; font-size: 13px; font-weight: 400; color: #878787; }
.articles-sec .articles-box .text-box ul { display: flex; align-items: center; }
.articles-sec .articles-box .text-box ul img { max-width: none; width: 55px; height: 55px; border-radius: 50%; overflow: hidden; }
.articles-sec .articles-box.insight-box .text-box .post { -webkit-line-clamp: 2; }
.articles-sec .articles-box.insight-box .text-box ul li { margin-right: 15px; font-size: 14px; color: #3d3d3d; }
.orangebg { background-color: #fc9803 !important; }
/**********new css 10-07-2023***************/

.banner-full.banner-col-left h1 { line-height: 64px; margin-bottom: 40px; }
.banner-full.banner-col-left .ban-s-head { line-height: 40px; margin-bottom: 40px; }
.banner-full .ban-btn-row { padding: 40px 0; }
.banner-full .ban-stars { margin-bottom: 0; }
.content-team-m p { letter-spacing: 0.5px; }
.new-banner1 { margin: 0px; padding-top: 150px; }
.trusted-by.light-bg { border-bottom: 1px solid #e5dede; border-top: 1px solid #e5dede; }
.heading-footer-btm.extracontent load-btn-row { padding-bottom: 50px; }
.load-btn-row { padding-bottom: 50px; }
.load-con-row { -webkit-line-clamp: 7; }
.cis_tab-sec_1306 label h3 { font-size: 20px; font-weight: 700; margin: 0; }
.tab_radio_1306:nth-child(1):checked~.tabs_1306 .tab-item_1306:nth-child(1) h3, .tab_radio_1306:nth-child(2):checked~.tabs_1306 .tab-item_1306:nth-child(2) h3, .tab_radio_1306:nth-child(3):checked~.tabs_1306 .tab-item_1306:nth-child(3) h3, .tab_radio_1306:nth-child(4):checked~.tabs_1306 .tab-item_1306:nth-child(4) h3 { color: #0171bc; }
body .header { background-color: #fff !important; }
body .header.sticky { background-color: #EFF6FF !important; }
.banner-col-left h1 { margin-bottom: 25px; }
.team-m-box h2, .team-m-box h3 { font-size: 16px; margin: 0; font-weight: 700; color: #666; line-height: 1.6; }
.team-m-box h2 span, .team-m-box h3 span { display: block; font-size: 14px; color: #84888e; margin: 0; font-weight: 400; line-height: 1.2; }
/***********services page*************/

.service-box { background: #fff; border: 1px solid #ddd; padding: 20px; min-height: 270px; }
.service-box h3 { font-size: 22px; font-weight: 700; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 54px; }
.service-box .post { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; min-height: 105px; color: #84888e; }
.service-box .custom-btn { background: #0171bc; display: block; color: #fff; padding: 6px; border-radius: 5px; font-size: 14px; text-transform: capitalize; }
 @media only screen and (max-width: 991px) {
.banner-full.banner-col-left h1 { line-height: 45px; margin-bottom: 20px; }
.banner-full.banner-col-left .ban-s-head { line-height: 30px; margin-bottom: 20px; }
.banner-full .ban-btn-row { padding: 20px 0; }
.new-banner1 { padding-top: 110px; }
}
 @media only screen and (max-width: 767px) {
.load-con-row { -webkit-line-clamp: 10; }
/***********css 10-07-2023**************/

.banner-col-left ul { justify-content: left; padding-left: 12px; }
h2#talent { padding-bottom: 20px !important; margin-bottom: 20px !important; }
.content-team-m { -webkit-line-clamp: 6; }
.team-p-l { width: 150px; }
.banner-full.banner-col-left h1 { line-height: 30px; }
.banner-full.banner-col-left .ban-s-head { line-height: 25px; }
.banner-col-left ul { margin: 0; }
.banner-col-left ul li { width: 100%; }
.banner-col-left.banner-full ul { padding-left: 12px; }
/**********services section***********/


.service-box h3 { min-height: auto; }
.service-box .post { min-height: auto; }
.service-box { min-height: auto; margin: 0 18px; }
.ban-btn-fill { padding: 8px 15px; }
.ban-btn-border { padding: 7px 15px; margin-right: 25px; }
.ban-btn-row { padding: 25px 0; }
.tab-wrap_1306 { margin: 0 !important; }
}
.v-t-sec { margin: 0 !important; }
/* new-css */
.partner-sec { background: #efefef; }
.wrap-partner { display: flex; flex-wrap: wrap; }
.left-text { width: 50%; }
.right-text { width: 50%; }
.couter-wrap { display: flex; align-items: center; justify-content: space-between; margin: 65px 0 0; flex-wrap: wrap; }
.left-text h2 { color: #314251; font-size: 36px; line-height: 48px; font-weight: 900; }
.inner-count h1 { font-weight: 900; font-size: 56px; }
/* new */

.partner-sec { background: #f7f7f7; }
.wrap-partner { display: flex; flex-wrap: wrap; }
.left-text { width: 50%; }
.right-text { width: 50%; }
.couter-wrap { display: flex; align-items: center; justify-content: space-between; margin: 65px 0 0; flex-wrap: wrap; }
.left-text h2 { color: #314251; font-size: 36px; line-height: 48px; font-weight: 900; }
.inner-count h4 { font-weight: 900; font-size: 56px; }
.ul__bullet li:after { position: absolute; content: ''; width: 10px; height: 10px; left: 0; top: 6px; background: #000 !important; border-radius: 50% !important; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; -o-border-radius: 50% !important; }
.first-ro { padding: 30px 0 0; }
.tabs-new-sec .ro span { font-size: 14px; border: 1px solid #7eadc5; border-radius: 5px; padding: 5px 10px; background: #edededbd; color: #000; font-weight: 500; display: inline-block; margin: 3px; }
.ro { padding: 15px 0; }
.border-left { border-left: 1px solid #d8d8d8; margin: 45px 0; }
.checkmark-border:before { content: ""; position: absolute; width: 50px; height: 2px; background: #d8d8d8; left: 0; top: 20px; }
.border-left li { padding: 0px 100px 70px; position: relative; }
.our-heading p a { color: #89b1d9; }
.heading-tittle { font-size: 22px; font-weight: 700; color: #000; display: flex; align-items: center; gap: 15px; }
.border-left li p { padding: 20px 0 0; }
.our-heading h3 { /* color: #0071bc; */
line-height: 48px; }
.our-heading h3 span { color: #000; }
.heading-tittle img { filter: grayscale(1); width: 35px; }
.inner-para { padding: 15px 0; text-align: left; }
.exploreSliderFrame p { line-height: 22px; }
.ro h3 { font-size: 20px; }
/* sticky  */
.custom-container { max-width: 1200px; margin: 0 auto; }
.main-content-in { padding-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.left-side-stick .content-box-in h2 { font-weight: 600; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; }
.left-side-stick, .right-side-stick { max-width: 50%; width: 100%; padding: 0px 15px; }
.left-side-stick .content-box-in { padding: 0px 50px; }
.sticky-box { position: sticky; top: 30px; min-height: 400px; height: 300px; overflow-y: auto; }
.left-side-stick .content-box-in p, .right-side-stick .content-box-in p { font-size: 16px; line-height: 28px; font-family: Arial, Helvetica, sans-serif; }
.right-side-stick .content-box-in ul { padding: 0px; }
.right-side-stick .content-box-in ul li { list-style: none; margin-bottom: 30px; }
.right-side-stick .content-box-in a { color: #000; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; }
 @media screen and (max-width: 767px) {
.left-side-stick, .right-side-stick { max-width: 100%; width: 100%; }
.sticky-box { position: static; min-height: auto; height: auto; }
.left-side-stick .content-box-in { padding: 0; }
}
/* industry section css*/
ul.ind-dls { display: flex; flex-wrap: wrap; margin: 0 -10px 25px; max-height: 675px; overflow: hidden; transition: 0.5s; }
.ind-dls li { perspective: 1000px; transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; position: relative; width: 33.33%; height: 340px; padding: 10px; }
.ind-dls li:hover .back { transform: rotateY(0deg); }
.ind-dls li:hover .front { transform: rotateY(180deg); }
/* hide back of pane during swap */
.front, .back { backface-visibility: hidden; transition: 0.6s; transform-style: preserve-3d; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; }
.front { z-index: 2; transform: rotateY(0deg); }
.back { transform: rotateY(-180deg); background: #0071bc; color: #000; text-align: center; line-height: 1.4em; padding: 15px; display: flex; align-items: center; justify-content: center; overflow: auto; flex-wrap: wrap; }
.back h4 { color: #fff; font-size: 20px; margin: 0 0 10px }
.back h5 { color: #fff; font-size: 20px; margin: 0 0 10px }
.fr-in span { color: #0071bc; display: block; text-align: center; font-size: 36px; }
.front { background: #f7f7f7; color: #fff; display: flex; align-items: center; justify-content: center; }
.front h4 { font-size: 24px; color: #333; }
.back p { color: #fff; line-height: 1.4; margin: 0; }
ul.moretext { max-height: inherit; }
.moreless-button { display: block; background: #0071bc; color: #fff; text-transform: capitalize; padding: 10px 20px; margin: 0 auto; max-width: 160px; text-align: center; }
.moreless-button:hover { background: #004b7c; }
.moreless-button span + span { display: none; }
.con-hide span { display: none; }
.con-hide span + span { display: block; }
@media (max-width: 1199px) {
.ind-dls li { width: 33.33%; height: 330px; }
}
@media (max-width: 991px) {
.md-dev-sec > ul > li { width: 50%; padding: 20px; }
.ind-dls li { width: 50%; }
}
@media (max-width: 767px) {
span.sub-text-center { font-size: 16px; }
.md-dev-sec > ul > li { width: 100%; padding: 20px; }
.ind-dls li { width: 100%; }
.page-sec { padding: 35px 0; }
}
.mob-app-devep-comp .problem-slider-box5 { padding: 15px 10px; /*box-shadow: 0 0 3px rgba(0, 0, 0, .16);
			border-radius: 7px;*/
margin: 3px 3px 45px; white-space: normal; background: #fff; }
.mob-app-devep-comp .problem-slider-box5 a { text-decoration: none; color: #000; font-size: 16px; }
.mob-app-devep-comp .most-solution-img { display: flex; justify-content: center; align-items: center; max-width: 105px; margin: 0px auto 15px; height: 105px; }
.mob-app-devep-comp .most-solution-img img { width: 100%; object-fit: contain; height: 100%; }
.mob-app-devep-comp .problem-slider-box5 a p { font-size: 16px; text-align: center; min-height: 90px; margin: 0 3px; line-height: 1.3; }
.mob-app-devep-comp .problem-slider-box5 a p small { display: block; font-size: 15px; margin-bottom: 10px; }
/* portfolio */
.portfolioTabs .menuContent { align-items: self-start; justify-content: flex-start; display: flex;/*background: #e9e9e9;*/
}
.menuContent input { display: none; }
.menuContent .mCatList { display: flex; flex-direction: column; position: relative; width: 320px; }
.menuContent .mCatList { display: flex; flex-direction: column; position: relative; width: 320px; }
.portfolioTabs .menuContent .mCatList { width: 25%; flex-shrink: 0; background: #f5f5f5; height: 100%; min-height: 270px; border-right: solid 1px #eaeaea; }
.portfolioTabs .menuContent .mCatList p { padding: 0; margin: 0; overflow: hidden; }
.portfolioTabs .menuContent .mCatList label { background-color: #fff0; border-bottom-color: #D9D9D9; padding: 25px 25px; height: auto; justify-content: flex-end; text-align: left; display: block; cursor: pointer; }
.portfolioTabs .menuContent .menuSecMain { width: 75%; height: 100%; background: #fff; padding: 5px 30px 20px 30px; min-height: 270px; display: flex; align-items: self-start; }
.portfolioTabs .menuContent .menuSecMain p { margin: 0; padding: 12px 0px; line-height: 28px; }
.solution-box ul { margin: 0; padding: 0; padding: 0px 0px 0px 30px; }
.solution-box ul li { position: relative; list-style: none; padding: 7px 0px; font-size: 16px; }
.solution-box ul li:after { width: 7px; height: 7px; background: #0071bc; content: ""; position: absolute; left: -30px; top: 12px; display: flex; border-radius: 50%; }
.domain h3 { margin: 30px 0px 5px 0px; }
.menuSecMain h3 { color: #0071bc; }
.portfolioTabs #mCat2:checked~.menuSecMain .mCat1,  .portfolioTabs #mCat3:checked~.menuSecMain .mCat1,  .portfolioTabs #mCat4:checked~.menuSecMain .mCat1,  .portfolioTabs #mCat5:checked~.menuSecMain .mCat1,  .portfolioTabs #mCat6:checked~.menuSecMain .mCat1,  .portfolioTabs #mCat7:checked~.menuSecMain .mCat1,  .portfolioTabs #mCat8:checked~.menuSecMain .mCat1,  .portfolioTabs #mCat9:checked~.menuSecMain .mCat1 { display: none; }
.portfolioTabs #mCat1:checked~.menuSecMain .mCat1,  .portfolioTabs #mCat2:checked~.menuSecMain .mCat2,  .portfolioTabs #mCat3:checked~.menuSecMain .mCat3,  .portfolioTabs #mCat4:checked~.menuSecMain .mCat4,  .portfolioTabs #mCat5:checked~.menuSecMain .mCat5,  .portfolioTabs #mCat6:checked~.menuSecMain .mCat6,  .portfolioTabs #mCat7:checked~.menuSecMain .mCat7,  .portfolioTabs #mCat8:checked~.menuSecMain .mCat8,  .portfolioTabs #mCat9:checked~.menuSecMain .mCat9 { display: block; }
.portfolioTabs #mCat1:checked~.mCatList label.mCat1,  .portfolioTabs #mCat2:checked~.mCatList label.mCat2,  .portfolioTabs #mCat3:checked~.mCatList label.mCat3,  .portfolioTabs #mCat4:checked~.mCatList label.mCat4,  .portfolioTabs #mCat5:checked~.mCatList label.mCat5,  .portfolioTabs #mCat6:checked~.mCatList label.mCat6,  .portfolioTabs #mCat7:checked~.mCatList label.mCat7,  .portfolioTabs #mCat8:checked~.mCatList label.mCat8,  .portfolioTabs #mCat9:checked~.mCatList label.mCat9 { color: #0071bc; font-weight: 600; }
.menuContent .menuSec { display: none; }
.portfolioTabs .menuSec button { text-align: left; font-size: 32px; line-height: 40px; font-weight: 400; }
.solution-in { display: flex; align-items: self-start; }
.Tech { width: 50%; padding: 0px 30px 0px 0px; }
.portfolioTabs .menuContent .mCatList label span img { margin-right: 10px; }
.portfolioTabs .menuContent .mCatList label span { display: flex; align-items: center; }
.portfolioTabs .menuContent .mCatList label { position: relative; border-top: 1px solid #d7d7d7; }
.portfolioTabs #mCat1:checked~.mCatList label.mCat1:after,  .portfolioTabs #mCat2:checked~.mCatList label.mCat2:after,  .portfolioTabs #mCat3:checked~.mCatList label.mCat3:after,  .portfolioTabs #mCat4:checked~.mCatList label.mCat4:after,  .portfolioTabs #mCat5:checked~.mCatList label.mCat5:after,  .portfolioTabs #mCat6:checked~.mCatList label.mCat6:after,  .portfolioTabs #mCat7:checked~.mCatList label.mCat7:after,  .portfolioTabs #mCat8:checked~.mCatList label.mCat8:after,  .portfolioTabs #mCat9:checked~.mCatList label.mCat9:after { width: 0; height: 0; border-top: 10px solid transparent; border-right: 20px solid #0071bc; border-bottom: 10px solid transparent; position: absolute; right: -4px; top: 33px; content: ""; }
.portfolioTabs #mCat1:checked~.mCatList label.mCat1:before,  .portfolioTabs #mCat2:checked~.mCatList label.mCat2:before,  .portfolioTabs #mCat3:checked~.mCatList label.mCat3:before,  .portfolioTabs #mCat4:checked~.mCatList label.mCat4:before,  .portfolioTabs #mCat5:checked~.mCatList label.mCat5:before,  .portfolioTabs #mCat6:checked~.mCatList label.mCat6:before,  .portfolioTabs #mCat7:checked~.mCatList label.mCat7:before,  .portfolioTabs #mCat8:checked~.mCatList label.mCat8:before,  .portfolioTabs #mCat9:checked~.mCatList label.mCat9:before { width: 2px; height: 100%; background: #0071bc; content: ""; top: 0; right: 0px; position: absolute; }
.portfolioTabs .menuContent .mCatList .txt20:first-child label { border: none; }
.po-case-row { background: #e4efff; border-radius: 12px; overflow: hidden; border: 1px solid #bcc9db; display: flex; flex-wrap: wrap; }
.po-case { width: 55%; padding: 20px 25px; }
.po-case-img { width: 45%; background: #242837; }
.po-case h3 { color: #3d3d3d; font-size: 30px; font-weight: 700; margin: 0 0 35px; line-height: 1.2; }
.po-case h4 { font-size: 18px; margin: 0 0 30px; color: #3d3d3d; line-height: 1.4; }
.po-case p { margin: 0 0 35px; line-height: 1.4; font-size: 15px; color: #000; }
ul.ca-mod-list { /*display: flex;
			flex-wrap: wrap;*/
column-gap: 15px; margin: 0; padding: 0; }
ul.ca-mod-list li { list-style: disc; margin-left: 22px; /*width: calc(50% - 30px);*/
margin-bottom: 10px; font-size: 14px; color: #000; }
ul.ca-tech-list { display: flex; flex-wrap: wrap; column-gap: 5px; margin: 0 0 35px; padding: 0 }
ul.ca-tech-list li { display: block; margin-bottom: 7px; font-size: 14px; background: #fff; color: #666; text-decoration: none; padding: 6px 11px; border-radius: 4px; border: 1px solid #ddd; }
ul.ca-tech-list li a { display: block; font-size: 14px; background: #fff; color: #666; text-decoration: none; padding: 6px 11px; border-radius: 4px; border: 1px solid #ddd; }
.po-case h5 { margin: 0 0 5px; }
ul.ca-tech-list li span { font-size: 10px; }
.po-case-img img { height: 100%; object-fit: cover; display: block; width: 100%; }
/* Portfolio CSS */

.caseSwiper .swiper-pagination { margin-bottom: -5px; }
.caseSwiper { padding-bottom: 35px; }
.caseSwiper .swiper-pagination-bullet { width: 12px; height: 12px; }
.read-btn { background: #0071bc; display: inline-flex; color: #fff; text-decoration: none; font-size: 14px; font-weight: 600; padding: 4px 10px; border-radius: 4px; }
ul.ca-tech-list li a:hover { background-color: #0071bc; color: #fff; border-color: #0071bc; }
.probSwiper { padding-bottom: 35px; }
.probSwiper .swiper-pagination { margin-bottom: -5px; }
.probSwiper .swiper-pagination-bullet { width: 12px; height: 12px; }
.pot-sub { display: inline-block; color: #fff; padding: 8px 10px; margin: 0 0 20px; font-size: 14px; text-transform: uppercase; background: #0071bc; letter-spacing: 1px; }
.mob-app-devep-comp .problem-slider-box5:hover { background: #e4efff; box-shadow: 0 0 3px rgb(139 165 207); }
 @media only screen and (max-width: 991px) {
.portfolioTabs .menuContent { display: block; }
.portfolioTabs .menuContent .mCatList { display: flex; flex-direction: row; width: 100%; min-height: auto; }
.portfolioTabs #mCat1:checked~.mCatList label.mCat1:after,  .portfolioTabs #mCat2:checked~.mCatList label.mCat2:after,  .portfolioTabs #mCat3:checked~.mCatList label.mCat3:after,  .portfolioTabs #mCatD4:checked~.mCatList label.mCat4:after,  .portfolioTabs #mCat5:checked~.mCatList label.mCat5:after,  .portfolioTabs #mCat6:checked~.mCatList label.mCat6:after,  .portfolioTabs #mCat7:checked~.mCatList label.mCat7:after,  .portfolioTabs #mCat8:checked~.mCatList label.mCat8:after,  .portfolioTabs #mCat9:checked~.mCatList label.mCat9:after { right: 0; top: auto; bottom: -1px; content: ""; left: 0; margin: 0 auto; transform: rotate(89deg); }
.portfolioTabs #mCat1:checked~.mCatList label.mCat1:before, .portfolioTabs #mCat2:checked~.mCatList label.mCat2:before, .portfolioTabs #mCat3:checked~.mCatList label.mCat3:before, .portfolioTabs #mCat4:checked~.mCatList label.mCat4:before, .portfolioTabs #mCat5:checked~.mCatList label.mCat5:before, .portfolioTabs #mCat6:checked~.mCatList label.mCat6:before, .portfolioTabs #mCat7:checked~.mCatList label.mCat7:before, .portfolioTabs #mCat8:checked~.mCatList label.mCat8:before, .portfolioTabs #mCat9:checked~.mCatList label.mCat9:before { width: 100%; height: 2px; background: #0071bc; content: ""; top: auto; right: 0px; position: absolute; bottom: 0; }
.portfolioTabs .menuContent .menuSecMain { width: 100%; }
.portfolioTabs .menuContent .mCatList label { padding: 20px 20px; }
.portfolioTabs .menuContent .mCatList label { border-top: 0px; border-left: 1px solid #d7d7d7; }
/* slider */
.po-case { width: 100%; padding: 15px 20px; font-size: 14px; }
.po-case-img { width: 100%; }
.po-case h3 { font-size: 24px; margin: 0 0 10px; }
}
 @media only screen and (max-width: 767px) {
.mob-app-devep-comp .problem-slider-box5 li { width: 48% !important; }
.solution-in { display: block; }
.Tech { width: 100%; padding: 0px; }
.solution-box ul { padding: 0px 0px 0px 20px; }
.solution-box ul li:after { left: -20px; }
.portfolioTabs .menuContent .mCatList label { padding: 15px 15px 25px 15px; }
.portfolioTabs #mCat1:checked~.mCatList label.mCat1:before,  .portfolioTabs #mCat2:checked~.mCatList label.mCat2:before,  .portfolioTabs #mCat3:checked~.mCatList label.mCat3:before,  .portfolioTabs #mCat4:checked~.mCatList label.mCat4:before,  .portfolioTabs #mCat5:checked~.mCatList label.mCat5:before,  .portfolioTabs #mCat6:checked~.mCatList label.mCat6:before,  .portfolioTabs #mCat7:checked~.mCatList label.mCat7:before,  .portfolioTabs #mCat8:checked~.mCatList label.mCat8:before,  .portfolioTabs #mCat9:checked~.mCatList label.mCat9:before { width: 100%; height: 2px; background: #0071bc; content: ""; top: auto; right: 0; position: absolute; bottom: -1px; }
/* slider */
.po-case { padding: 15px; font-size: 14px; }
.po-case h4 { font-size: 16px; margin: 0 0 5px; line-height: 1.4; }
ul.ca-mod-list li { margin-left: 22px; width: auto; }
}
 @media only screen and (max-width: 480px) {
.mob-app-devep-comp .problem-slider-box5 li { width: 100% !important; }
.portfolioTabs .menuContent .mCatList label { padding: 20px 10px; }
.portfolioTabs #mCat1:checked~.mCatList label.mCat1:after,  .portfolioTabs #mCat2:checked~.mCatList label.mCat2:after,  .portfolioTabs #mCat3:checked~.mCatList label.mCat3:after,  .portfolioTabs #mCatD4:checked~.mCatList label.mCat4:after,  .portfolioTabs #mCat5:checked~.mCatList label.mCat5:after,  .portfolioTabs #mCat6:checked~.mCatList label.mCat6:after,  .portfolioTabs #mCat7:checked~.mCatList label.mCat7:after,  .portfolioTabs #mCat8:checked~.mCatList label.mCat8:after,  .portfolioTabs #mCat9:checked~.mCatList label.mCat9:after { display: none; }
.portfolioTabs .menuContent .mCatList label { padding: 15px; border: none; }
.portfolioTabs .menuContent .mCatList { display: block; }
.portfolioTabs .menuContent .menuSecMain { margin-top: 5px; padding: 5px 15px 20px 15px; }
}
.hide1 ul li { display: list-item; list-style: disc !important; list-style-type: disc !important; width: 100%; margin: 2px; margin-left: 1em; border: none; box-shadow: none; }
.port-vd-col { margin: 20px 10px; background: #fff; -webkit-transition: 0.5s; transition: 0.5s; position: relative; top: -1px; border: 2px solid #fff; min-height: 380px; border-radius: 5px; }
.port-vd-col:hover { border: 2px solid #333; }
.port-txt { padding: 15px; }
.port-txt p { margin: 0; padding: 0; line-height: 1.4; font-size: 16px; }
.portSwiper1 .swiper-button-next, .portSwiper2 .swiper-button-next { font-size: 16px; background: #999; color: #fff; right: 0; width: 22px; height: 36px; }
.portSwiper1 .swiper-button-prev, .portSwiper2 .swiper-button-prev { font-size: 16px; background: #999; color: #fff; left: 0; width: 22px; height: 36px; }
.portSwiper1 .swiper-button-next:after, .portSwiper1 .swiper-button-prev:after, .portSwiper2 .swiper-button-next:after, .portSwiper2 .swiper-button-prev:after { font-size: 16px; }
.portSwiper1 .swiper-button-next:hover, .portSwiper1 .swiper-button-prev:hover, .portSwiper2 .swiper-button-next:hover, .portSwiper2 .swiper-button-prev:hover { background: #07203D; }
.g-loc { position: relative; }
.g-loc-img { position: absolute; right: 0; top: 0; }
.g-loc-col { margin: 20px 10px; padding: 20px; min-height: 150px; background: rgb(255 255 255 / 50%); border: 1px solid #c9d6eb; text-align: center; }
.g-loc-col h4 { margin: 0 0 10px; font-size: 18px; }
.g-loc-col p { margin: 0 0 5px; color: #333; line-height: 1.4; min-height: 50px; }
.g-loc-col a { display: block; font-size: 15px; text-decoration: none; color: #333; margin: 0 0 5px; }
.port-vd iframe { display: block; }
.light-bg { background: #f7f7f7; }
.com-port { position: relative; /*background: #2271bc;*/
background-color: #07203D; background-image: url(https://www.coders.dev/images/cstudy-bg.png); background-size: cover; background-position: center center; }
.com-port .g-loc-img { width: 100%; height: 100%; }
.com-port .g-loc-img img { width: 100%; height: 100%; object-fit: cover; }
.com-port .sec-head { color: #fff; position: relative; }
.com-port .sec-head .blue-text { color: #fff; }
.g-loc-col:hover { border: 1px solid #96b7ef; }

.pross-tag .tag_num span {
    opacity: .8;
    font-size: 26px;
}
.pross-tag .tag_div .tag_text {
    max-width: calc(100% - 30px);
    padding-left: 20px;
}
.pross-tag .tagBox {
    padding: 20px;
}
.industries-sec ul li span {
    background: #fff;
    border-radius: 30px;
    color: #0071bc;
    margin-bottom: 20px;
    padding: 9px 20px;
    text-transform: none;
    display: inline-block;
    border: 1px solid hsla(210, 5%, 93%, .5);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
	 cursor:pointer;
}
.industries-sec ul li span:hover {
    background: #0071BC;
    color: #fff;
    border: 1px solid#0071BC;
    box-shadow: none;
}
.tabs-new-sec .tech-serv { text-align:center;}
.tabs-new-sec .tech-serv span {
    font-size: 16px;
    border: 1px solid #d8d8d8bf;
    border-radius: 5px;
    padding: 8px 15px;
    background: #edededbd;
    color: #000;
    font-weight: 500;
    display: inline-block;
    margin: 10px;
}
.success-stories .tag_text h3 {
    font-size: 22px;
    margin-bottom: 15px;
}
.offer-col .tagBox {
    padding: 20px;
}
.offer-col .tag_div .tag_text {
    padding-left: 25px;
    max-width: calc(100% - 25px);
}
.pross-tag .tag_div .tag_text p strong {
    font-size: 20px;
    line-height: 1.3;
    display: inline-block;
    margin: 0 0 10px;
}
.offer-col .tag_div .tag_text p strong {
    font-size: 20px;
    line-height: 1.3;
    display: inline-block;
    margin: 0 0 10px;
}

.bg-light-sky { background: #e4efff; }
.og-text { color: #fc9803; }
.dind { font-size: 13px; }


/*testimonialsSec start -06-06-25*/
.testimonialsSec .headBox { max-width: 100% }
.testimonialsSec .expBottm h4 { font-size: 18px; font-weight: 700; margin: 10px 0px; }
.testimonialsSec .expBottm h4 span { font-size: 14px; color: #666 }
.idea-app-slider #client_testimonial1~.navigation label:nth-child(1) .client-name { width: calc(100% - 55px); visibility: visible; }
.idea-app-slider #client_testimonial1:checked~.navigation label:nth-child(1) .client-name, .idea-app-slider #client_testimonial2:checked~.navigation label:nth-child(2) .client-name, .idea-app-slider #client_testimonial3:checked~.navigation label:nth-child(3) .client-name, .idea-app-slider #client_testimonial4:checked~.navigation label:nth-child(4) .client-name, .idea-app-slider #client_testimonial5:checked~.navigation label:nth-child(5) .client-name { width: calc(100% - 55px); visibility: visible; }
.idea-app-slider #client_testimonial2:checked~.navigation label:nth-child(1) .client-name, .idea-app-slider #client_testimonial3:checked~.navigation label:nth-child(1) .client-name, .idea-app-slider #client_testimonial4:checked~.navigation label:nth-child(1) .client-name, .idea-app-slider #client_testimonial5:checked~.navigation label:nth-child(1) .client-name { width: 0; visibility: hidden; }
.success-stories .headBox h4 { font-size: 18px; font-weight: 500; line-height: 1; color: #242837; margin-bottom: 20px; }
.success-stories .tag_row, .tech-stack .tag_row { display: flex; flex-wrap: wrap; row-gap: 20px; }
.success-stories .tag_div { padding: 0 15px; width: 33.33%; }
.success-stories .apps-dmnd .tagBox, .tech-stack .apps-dmnd .tagBox { text-align: left; }
.success-stories .tag_text ul { margin-left: 15px; }
.success-stories .tag_text ul li { list-style: disc; padding: 5px 0px; line-height: 24px; }
.testimonialsSec .exploreSliderFrame p {
    line-height: 24px;
    min-height: 120px;
}
.tech-stack .headBox h3 { text-align: left; }
.industries-sec ul { display: flex; flex-wrap: wrap; justify-content: center; }
.industries-sec ul li { padding: 0 10px; }
.industries-sec ul li a { background: #fff; border-radius: 30px; color: #0071bc; margin-bottom: 30px; padding: 9px 20px; text-transform: none; display: inline-block; border: 1px solid hsla(210, 5%, 93%, .5); box-shadow: 0 2px 3px rgba(0, 0, 0, .1); }
.industries-sec ul li a:hover { background: #0071BC; color: #fff; border: 1px solid#0071BC; box-shadow: none; }
.how-buildApp-sec .ul__bullet li { display: block; }
.flex-wrap { flex-wrap: wrap; }
.row-gap { row-gap: 30px }
.twoPartAr.success-stories .tag_div { padding: 0 15px; width: 50%; }
.twoPartAr.success-stories .tagBox { box-shadow: none; padding: 0; background: transparent; display: flex; justify-content: center; }
.twoPartAr .card_rdus_box .tag_div .tag_text { text-align: center; }
.headBox.block { max-width: 100%; }

.com-proj .tag_div {
    width: 33.33%;
}
.com-proj .tag_div .tag_text {
    max-width: calc(100% - 25px);
	     padding-left: 20px;
}
.com-proj .tagBox {
    padding: 20px 20px;
}
.pb-2 {
    padding-bottom: 20px;
}
.bannerCaption .caps {
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.5px;
    margin: 0 0 15px;
    line-height: 1.6;
}
.bannerCaption h2 {
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 30px;
}
@media only screen and (max-width: 1599px) {
.banner img {
    display: block;
    width: 100%;
    height: 600px;
    object-fit: cover;
}
.banner {
    padding-top: 75px;
}
.bannerCaption {
    padding-top: 50px;
}
.accParent .tab-label {
    line-height: 1.4;
    padding-right: 70px;
    min-height: 65px;
}
.bannerCaption h1 {
    font-size: 42px;
    line-height: 1.3;
    margin-bottom: 20px;
}
}
@media only screen and (max-width: 1150px) {
.port-vd iframe { height: 170px; }
}
 @media only screen and (max-width: 991px) {
.port-vd iframe { height: 190px; }
.new-banner1 .banner-full .ban-s-head { font-size: 18px; }
.com-port { background-image: none; }
.tag_row {
    flex-wrap: wrap;
}
.offer-col .tag_div:nth-child(3) {
    width: 100%;
    margin-top: 20px;
}
.success-stories .tag_div {
    padding: 0 15px;
    width: 50%;
}
.pross-tag .tag_div:nth-child(3) {
    width: 100%;
    margin-top: 15px;
}
.com-proj .tag_div {
    width: 50%;
}
}
@media only screen and (max-width: 767px) {
.bannerCaption h3, .bannerCaption h2 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
}
.success-stories .tag_div {
    padding: 0 15px;
    width: 100%;
    margin-bottom: 15px;
}
.pross-tag .tag_div:nth-child(3) {
    width: 100%;
    margin-top: 0;
}
.tabs-new-sec .tech-serv span {
    font-size: 14px;
    padding: 6px 10px;
    margin: 5px;
}
.accParent .tab-label {
    padding-right: 40px !important;
}
.com-proj .tag_div {
    width: 100%;
}
.industries-sec ul li span {
    margin-bottom: 15px;
    padding: 8px 15px;
}
}
@media only screen and (max-width: 450px) {
.port-vd iframe { height: 170px; }
}
@media only screen and (min-width:1200px) {
	.companies-ui-sec .com-uper-bg {
		padding-left: 45px
	}
}

@media only screen and (max-width:1399px) {
	.banner-sec .right-banner .inner-right-banner {
		width: auto;
		margin-right: 0
	}

	.container {
		max-width: 96%
	}

	.img-admin img {
		width: 100%
	}

	.banner-sec .left-banner .text-banner h1 {
		font-size: 40px
	}

	.companies-relay-sec .inner-companies .left-img .img-box:before {
		width: 100%;
		height: 100%
	}

	.companies-relay-sec .inner-companies .left-img .img-box img {
		display: block;
		width: 100%
	}
}

@media only screen and (min-width:1200px) and (max-width:1290px) {
	.ux-designer-sec .ux-box .inner-ux-ui-box {
		min-height: 100%
	}

	.ux-designer-sec .ux-box .inner-ux-ui-box .blur-box-img img {
		min-height: 350px;
		object-fit: cover;
		height: 100%
	}
}

@media only screen and (min-width:991px) and (max-width:1200px) {
	.sign-up-box {
		padding: 120px 0
	}

	.blur-box-img img {
		width: 100%;
		height: 309px
	}
}

@media only screen and (max-width:1200px) {
	.banner-sec .left-banner .text-banner h1 {
		font-size: 34px
	}

	.ux-designer-sec .ui-right ul.shoftwere-using li a {
		margin-bottom: 10px;
		display: block
	}

	.ux-designer-sec .inner-ux-designer .ux-right-box .white-box .btm-box p {
		padding: 0
	}

	.ux-designer-sec .inner-ux-designer .ux-right-box .white-box h5 {
		font-size: 18px
	}

	.testimonials-slider .text-logo-slide .img-box-slider img {
		width: auto
	}

	.testimonials-slider .text-logo-slide .img-box-slider {
		top: 15px;
		left: 15px
	}

	.testimonials-slider .text-logo-slide .text-box-slider {
		left: 15px
	}

	.three-slide-box {
		padding: 28px 55px
	}

	.three-slide-box .testo-admin-slider .text-btm h4 {
		line-height: 20px;
		margin-top: 10px
	}

	.img-admin img {
		object-fit: contain
	}

	.banner-section {
		padding: 110px 0 40px
	}

	.banner-section p {
		margin-bottom: 25px
	}

	.inner-banner h1 {
		font-size: 40px;
		line-height: 50px;
		margin-bottom: 25px
	}

	ul.location-admin li {
		width: 100%
	}

	.ux-designer-sec .ux-box {
		width: calc(50% - 28px)
	}

	.coders-offers .inner-coders-sec .text-right {
		padding-left: 20px;
		width: calc(100% - 510px)
	}

	.companies-ui-sec .com-companies-ui .left-box ul li {
		font-size: 14px;
		margin-bottom: 13px
	}

	.companies-ui-sec .com-uper-bg ul.btm-companies li {
		justify-content: center
	}

	.right-banner img {
		margin-right: -15px
	}

	.left-banner h1 {
		font-size: 30px;
		margin: 5px 0 20px
	}
	.banner-col-left ul {
		margin: 0 0 30px 25px;
	}
	.left-banner p,
	.stand-out-col p,
	.stand-out-col li,
	.world-class-col p {
		font-size: 16px
	}

	.page-sec {
		padding: 50px 0
	}

	.latest-tech {
		padding-left: 15px
	}

	.coder-int-col {
		padding: 15px;
		margin-left: 0;
		margin-top: 20px !important
	}

	.coder-work-text p {
		font-size: 14px
	}

	.coder-work-text h5 {
		font-size: 18px
	}

	.stand-out-col h2 {
		margin: 0 0 20px
	}

	.client-love {
		margin: 15px 15px 30px
	}

	.banner-part3 {
		width: 250px;
		bottom: 2px;
		left: 17px
	}

	.banner-part2 {
		width: 349px;
		left: -57px;
		top: 126px
	}

	.banner-part1 {
		width: 185px;
		left: -43px;
		top: 35px
	}

	.banner-part4 img {
		max-width: 480px
	}

	.sec-head {
		font-size: 36px
	}

	.made-easy-col-round h4 {
		font-size: 22px
	}

	.made-easy-col-round {
		padding: 30px
	}

	.articles-sec h2 {
		font-size: 32px;
		line-height: 46px;
		margin-bottom: 15px;
		margin-top: 0
	}

	.headBox h2 {
		font-size: 32px;
		line-height: 46px;
		margin-bottom: 25px
	}

	.relBox {
		padding: 20px;
		border-radius: 12px
	}

	.op .relBox p {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 10px;
		min-height: 70px
	}

	.relBox h3 {
		margin-bottom: 10px
	}

	.op .relBox {
		box-shadow: 0 3px 30px rgb(30 30 104/15%);
		width: 23%
	}

	.faq .headBox h2 {
		margin: 0 0 30px;
		font-size: 32px;
		line-height: 46px
	}

	.headBox {
		margin-bottom: 20px
	}

	.tag_div .tag_text {
		max-width: calc(100% - 40px)
	}

	.tagBox {
		box-shadow: 0 3px 30px rgb(30 30 104/.15);
		padding: 20px
	}

	.pt-2 {
		padding-top: 20px
	}

	.pb-0 {
		padding-bottom: 0
	}

	.about .headBox {
		margin-bottom: 25px
	}

	.half .textDiv {
		padding-left: 30px;
		padding-right: 15px
	}

	.postCard {
		padding: 20px;
		width: 30.33%;
		margin: 0 1.5%;
		flex-wrap: wrap
	}

	.pcard-desc {
		width: 100%;
		padding-left: 0
	}

	.half_reverse .textDiv {
		padding-left: 15px;
		padding-right: 30px
	}

	.srv-capt {
		padding-top: 0;
		padding-bottom: 35px
	}

	.postBox {
		padding: 20px 15px;
		width: 30.33%;
		margin: 1.5%;
		min-height: 295px
	}

	.headBox h3 {
		font-size: 28px
	}

	.expBottm h3 {
		font-size: 18px
	}

	.expBottm ul li {
		margin: 0 !important;
		font-size: 14px
	}

	.tp_title {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 25px
	}

	.expBottm {
		padding: 15px
	}

	.img_overlay_reverse {
		padding: 0 0 0 30px
	}

	.bFit-box {
		text-align: center;
		padding-top: 0;
		background: 0 0;
		padding: 0;
		width: 100% !important
	}

	.img_overlay {
		padding: 0
	}

	.fStk-srvs .textDiv {
		padding-left: 0
	}

	.fStk-srvs .img_overlay {
		padding-right: 30px
	}

	.fStk-srvs .two_col_card .tagBox {
		padding: 15px
	}

	.fStk-srvs .tag_div .tag_text {
		max-width: 100%;
		padding: 0
	}

	.shap-fig {
		margin-bottom: 25px
	}

	.half_reverse .img_overlay {
		padding-right: 0;
		padding-left: 30px
	}

	.tag_rowFull .tag_div:nth-child(even) {
		padding: 0 20px
	}

	.team-right .banner-part4 img {
		width: 265px;
		height: 565px;
		margin: -5px 0 0
	}

	.team-right .banner-part4 {
		width: 250px;
		height: 550px;
		margin-left: 25px
	}

	.banner-part6 {
		right: 0;
		bottom: -31px
	}

	.team-right .banner-part3 img {
		min-width: 150px;
		height: 260px;
		top: -15px
	}

	.team-right .banner-part3 {
		width: 130px;
		bottom: 10px;
		height: 235px
	}

	.team-right .banner-part5 {
		width: 230px
	}

	.bannerCaption h1 {
		margin-bottom: 15px;
		font-size: 38px;
		line-height: 1.4
	}

	.service-row li {
		width: 33.33%
	}

	.main-menu {
		padding-left: 15px
	}

	.main-menu nav>ul>li {
		margin-right: 15px
	}

	.banner-pm-part3 {
		top: 35%
	}

	.cr__topul h2 {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 10px
	}

	.cr__topul h3 {
		font-size: 22px
	}

	.cr__box {
		width: 165px;
		padding: 25px 15px
	}

	.mw .cr__box {
		width: 220px
	}

	.tab>label {
		font-size: 16px
	}

	.iws .tab {
		padding: 0 10px
	}

	.tab_normal .tabsFrame {
		padding: 25px;
		margin-top: -45px
	}

	.logo_ul {
		padding: 0 30px
	}
}

@media only screen and (max-width:991px) {
	.our-exp-list li {
		width: 48% !important;
	}
	.heading-footer-btm h2 {
		font-size: 30px
	}

	.header-button {
		display: flex
	}

	.main-menu {
		opacity: 0;
		visibility: hidden;
		overflow: hidden;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 99999;
		background: #4386cd;
		padding: 60px 0;
		transition: all .5s ease-out 0s;
		overflow: auto
	}

	.main-menu.open {
		opacity: 1;
		visibility: visible;
		overflow: auto
	}

	.close-icon {
		display: block;
		width: 30px;
		height: 30px;
		background-color: #fff;
		font-size: 16px;
		font-weight: 700
	}

	.main-menu nav ul {
		display: block;
		text-align: left
	}

	.main-menu nav>ul>li {
		margin-bottom: 0;
		padding: 10px 0;
		border-bottom: 1px solid rgba(255, 255, 255, .1)
	}

	.main-menu nav ul li {
		margin-right: 0
	}

	.main-menu nav>ul>li>a,
	.main-menu nav>ul>li>button {
		color: #fff;
		font-size: 20px
	}

	.main-menu nav ul {
		display: block;
		text-align: left;
		width: 100%
	}

	.main-menu nav>ul>li {
		margin-bottom: 0;
		padding: 10px 0;
		border-bottom: 1px solid rgba(255, 255, 255, .1)
	}

	.main-menu nav>ul>li:last-child {
		margin-bottom: 0
	}

	nav {
		flex-wrap: wrap;
		padding: 0 20px
	}

	.main-menu nav ul.btn-right li {
		border: none
	}

	.main-menu nav ul.btn-right {
		margin-top: 15px
	}

	.header .container {
		justify-content: space-between;
		max-width: 96%
	}

	.header {
		padding: 15px 0
	}

	.main-menu nav>ul.btn-right li a.btn.btn-blue {
		background-color: #fff;
		color: #4386cd
	}

	.banner-sec .left-banner .text-banner h1 {
		font-size: 25px;
		line-height: 34px
	}

	.btn.btn-white {
		padding: 9px 30px
	}

	ul.banner-logo li {
		width: 33.33%
	}

	.inner-right-box {
		padding-left: 0
	}

	.ux-designer-sec {
		padding: 60px 0
	}

	.ux-designer-sec .inner-ux-designer .ux-right-box {
		width: calc(30% - 20px)
	}

	.ux-designer-sec .ui-right .top-box .left-in-box {
		width: 100%
	}

	.ux-designer-sec .ui-right .top-box .right-in-box {
		width: 100%
	}

	.ux-designer-sec .ui-right ul.design-explain li img {
		width: 100%
	}

	.ux-designer-sec .inner-ux-designer .ux-left-box {}

	.three-slide-box {
		padding: 2px 35px
	}

	.three-slide-box .testo-admin-slider .admin-top {
		flex-wrap: wrap
	}

	.three-slide-box .testo-admin-slider .admin-top .admin-images {
		width: 100%
	}

	.three-slide-box .testo-admin-slider .admin-top .admin-text {
		width: 100%;
		padding: 0
	}

	.coders-sec {
		padding: 50px 0
	}

	.coders-sec h2 {
		font-size: 30px
	}

	.coders-offers {
		padding: 50px 0
	}

	.coders-offers .inner-coders-sec .text-right {
		padding-left: 0;
		width: 100%;
		margin-top: 45px
	}

	.faq {
		padding: 50px 0
	}

	.faq .headBox h2 {
		font-size: 30px;
		margin: 0 0 12px
	}

	.how-we-work-sec {
		padding: 50px 0
	}

	.how-we-work-sec .inner-how-we-work .work-box h3 {
		padding: 28px 10px 14px
	}

	.how-we-work-sec .inner-how-we-work .work-box p {
		padding: 0 10px 30px
	}

	.need-coder-sec {
		padding: 50px 0
	}

	.need-coder-sec h2 {
		font-size: 30px
	}

	.how-we-work-sec h2 {
		font-size: 30px;
		margin-bottom: 15px
	}

	.how-we-work-sec .inner-how-we-work .work-box .counter {
		font-size: 36px;
		width: 92px;
		height: 92px;
		line-height: 97px;
		padding-left: 23px;
		padding-right: 4px
	}

	.need-coder-sec .inner-need-coder .need-coder-box .inner-need-box {
		padding: 23px
	}

	.articles-sec {
		padding: 50px 0
	}

	.articles-sec h2 {
		font-size: 30px;
		margin: 0 0 10px
	}

	.hire-and-jobs .inner-hire-jobs h2 {
		font-size: 30px;
		margin: 0 0 10px
	}

	.hire-and-jobs .inner-hire-jobs .right-box .inner-right-box .admin-intro {}

	.hire-and-jobs .inner-hire-jobs .left-box {
		width: 100%;
		margin: 0
	}

	.hire-and-jobs .inner-hire-jobs {
		margin: 0
	}

	.hire-and-jobs .inner-hire-jobs .right-box {
		width: 100%;
		margin: 0
	}

	.hire-and-jobs {
		padding-bottom: 50px
	}

	.advance-coder-sec {
		padding: 50px 0
	}

	.advance-coder-sec h2 {
		margin: 0 0 20px;
		font-size: 30px
	}

	.companies-relay-sec {
		padding: 50px 0
	}

	.companies-relay-sec .inner-companies .left-img {
		width: 100%
	}

	.companies-relay-sec .inner-companies .right-text {
		width: 100%;
		padding: 0
	}

	.companies-relay-sec .inner-companies .right-text .inner-right-text {
		padding: 20px 0 0
	}

	.companies-relay-sec .inner-companies .right-text h2 {
		font-size: 30px;
		margin: 0
	}

	.offer-box h2 {
		font-size: 30px;
		margin: 0 0 10px
	}

	.offer-box {
		padding-bottom: 50px
	}

	.footer {
		padding: 50px 0 35px
	}

	.footer .footer-inner .left-footer {
		width: 100%;
		margin-bottom: 20px
	}

	.footer .footer-inner .left-footer p {
		font-size: 20px;
		padding: 0
	}

	.footer .footer-inner .left-footer .footer-btn {
		margin: 10px 0 0
	}

	.footer .footer-inner .right-footer {
		width: 100%
	}

	.footer-bottom {
		margin-top: 35px
	}

	.header .container {}

	.coders-sec .container {
		max-width: 96%
	}

	.close-icon img {
		padding: 2px
	}

	.banner-section .container {
		max-width: 100%;
		padding: 0
	}

	ul.location-admin li {
		font-size: 13px
	}

	.sign-up-box {
		padding: 132px 0
	}

	.coders-offers .inner-coders-sec .text-left {
		width: 100%
	}

	.companies-ui-sec .com-companies-ui .left-box {
		width: 100%
	}

	.companies-ui-sec .com-companies-ui .right-box {
		width: 100%
	}

	.hire-and-jobs .inner-hire-jobs .right-box {
		margin-top: 60px
	}

	.inner-banner {
		padding: 0 20px
	}

	.ux-box.classsign-up-box {
		background-color: #f1f1f1;
		padding: 21px;
		border: 2px solid #fff;
		transition: all .5s;
		box-shadow: 1px 3px 12px rgb(0 0 0/16%)
	}

	.ux-box.classsign-up-box .inner-ux-ui-box {
		background-color: initial;
		box-shadow: none;
		left: 0;
		right: 0
	}

	.blur-box-img img {
		min-height: 100%;
		height: 100%;
		object-fit: cover
	}

	.ux-box.blur-box {
		padding: 21px;
		border: 2px solid #fff;
		transition: all .5s;
		box-shadow: 1px 3px 12px rgb(0 0 0/16%)
	}

	.top-comon-heading h2 {
		font-size: 30px
	}

	.listing-design .inner-listing-box .listing-box:before {
		left: -12px
	}

	.listing-design .inner-listing-box .listing-box {
		padding: 10px
	}

	.home-banner {
		padding: 90px 0 30px
	}

	.left-banner h1 {
		font-size: 28px;
		margin: 5px 0 20px
	}

	.trusted-by-client a {
		width: 14%
	}

	.page-sec {
		padding: 35px 0
	}

	.tab>label {
		font-size: 16px
	}

	.sec-head {
		font-size: 30px;
		margin: 0 0 20px
	}

	.world-class-col h4 {
		font-size: 20px;
		margin: 10px 0
	}

	.world-class-col {
		width: 33.33%;
		padding: 15px
	}

	.made-easy-col-round {
		padding: 15px
	}

	.made-easy-col-round h4 {
		font-size: 18px;
		font-weight: 700;
		color: #000;
		line-height: 1.3;
		margin: 15px 0
	}

	.made-easy-col-round h4 {
		font-size: 18px;
		margin: 10px 0
	}

	.hire-designers-icon {
		width: 70px;
		height: 70px;
		padding: 17px;
		margin: 5px 0
	}

	.hire-designers-text {
		width: calc(100% - 70px);
		padding-left: 15px
	}

	.coder-work-int {
		width: 50px;
		height: 50px;
		font-size: 24px
	}

	.coder-work-text {
		width: calc(100% - 50px);
		padding-left: 15px
	}

	.coder-work-text p {
		font-size: 13px
	}

	.client-love {
		margin: 15px 15px 30px;
		padding: 15px 35px
	}

	.trusted-by p {
		font-size: 16px
	}

	.trusted-by {
		padding: 25px 0
	}

	ul.team-list li span {
		padding: 0 6px;
		margin-left: 2px;
		height: 22px;
		line-height: 1.8;
		font-size: 12px
	}

	ul.team-list li {
		padding: 0;
		margin-right: 15px
	}

	.full-stack .tab>label {
		font-size: 14px;
		white-space: nowrap
	}

	.full-stack-team h3 {
		font-size: 24px
	}

	.footer-bottom ul li:last-child a {
		margin-left: 15px
	}

	.banner-part4 img {
		max-width: 420px
	}

	.banner-part1 {
		width: 165px;
		left: -100px;
		top: 30px
	}

	.banner-part2 {
		width: 300px;
		left: -20px;
		top: 112px
	}

	.banner-part3 {
		width: 180px;
		bottom: 2px;
		left: -20px
	}

	.tech-row {
		margin: 0 -5px
	}

	.tech-col {
		padding: 5px
	}

	.banner-part1,
	.banner-part2,
	.banner-part3,
	.banner-part4 {
		display: none
	}

	.mob-d {
		display: block
	}

	.ux-designer-sec .ux-box .inner-ux-ui-box {
		padding: 10px
	}

	.headBox h2 {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 25px
	}

	.pt-2 {
		padding-top: 20px
	}

	.pb-0 {
		padding-bottom: 0
	}

	.tagBox .tag_img {
		width: 35px
	}

	.tag_div .tag_text {
		max-width: calc(100% - 35px);
		padding-left: 17px
	}

	.half .left,
	.half .right {
		width: 100%;
		padding: 0
	}

	.flex {
		display: flex;
		flex-wrap: wrap
	}

	.img_overlay .imgDiv {
		margin: 0 0 25px
	}

	.half_reverse {
		flex-flow: wrap
	}

	.expBottm ul {
		flex-wrap: wrap
	}

	.rel_boxFrame {
		margin-bottom: 35px;
		flex-wrap: wrap
	}

	.op .relBox {
		width: 48%;
		margin-bottom: 25px
	}

	.about .headBox {
		margin-bottom: 20px
	}

	.half .textDiv {
		padding-left: 0
	}

	.srv-capt {
		max-width: 100%
	}

	.tag_rowFull .tag_div:nth-child(odd) {
		padding: 0
	}

	.tag_rowFull .tag_div:nth-child(even) {
		padding: 0
	}

	.articles-sec .inner-articles-sec .articles-box .text-box {
		padding: 15px
	}

	.swap-box .imgDiv {
		height: auto
	}

	.srv-capt.mr_auto {
		padding: 0 20px
	}

	.two_col_card .tagBox {
		padding: 20px
	}

	.tag_div .tag_text {
		max-width: 100%;
		padding-left: 0
	}

	.tab-inner-box ul li {
		width: 33.33%
	}

	.card-col {
		width: 50%;
		margin-bottom: 30px
	}

	.four_col_card .tag_row {
		margin-bottom: 0;
		flex-wrap: wrap
	}

	.tagBox .tag_img {
		width: 55px;
		padding-right: 15px
	}

	.tag_div .tag_text {
		max-width: calc(100% - 55px)
	}

	.half .textDiv {
		padding-right: 0
	}

	.half_inner .half {
		margin-bottom: 30px
	}

	.img_overlay_reverse {
		padding: 0
	}

	.tag_num {
		width: 50px
	}

	.img_overlay {
		padding: 0
	}

	.team-right .banner-part5,
	.team-right .banner-part6,
	.team-right:after,
	.team-right:before,
	.banner-d-part1,
	.banner-d-part2,
	.banner-d-part3,
	.banner-d-part4,
	.banner-d-part5,
	.banner-d-part6,
	.banner-m-part1,
	.banner-m-part2,
	.banner-m-part3,
	.banner-m-part4,
	.banner-m-part5,
	.banner-pm-part1,
	.banner-pm-part2,
	.banner-pm-part3,
	.banner-qa-part1,
	.banner-qa-part2,
	.banner-qa-part3,
	.banner-qa-part4,
	.banner-qa-part5,
	.banner-qa-part6,
	.banner-qa-part7 {
		display: none
	}

	.right-banner img {
		margin-right: 0
	}

	.bannerCaption p.caps {
		margin-bottom: 10px
	}

	.service-row li {
		width: 50%
	}

	.cr__topul>li:nth-child(1) {
		width: 100%
	}

	.cr__topul>li,
	.mw__inner>ul>li {
		width: 50%;
		margin-bottom: 15px
	}

	.cr__bottomul,
	.mw__inner>ul {
		justify-content: center
	}

	.cr__bottomul>li {
		padding: 0 10px;
		margin-bottom: 30px
	}

	.cr__topul>li,
	.mw__inner>ul>li {
		width: 50%;
		margin-bottom: 15px
	}

	.mw__inner>ul>li {
		margin-bottom: 30px
	}

	.mw .cr__box {
		margin: 0 auto;
		width: 330px
	}

	.os_content>ul>li {
		width: 50%
	}

	.os_content>ul>li {
		padding-left: 15px
	}

	/* new */

	.right-text {
		width: 100%;
	}

	.inner-count h1 {
		font-size: 36px;
	}

	.left-text {
		width: 100%;
	}

	.left-text h2 {
		font-size: 26px;
		line-height: 36px;
	}
}

@media only screen and (max-width:767px) {
	.banner-sec .inner-banner .left-banner {
		width: 100%
	}

	.banner-sec .inner-banner .right-banner {
		width: 100%
	}

	.banner-sec .inner-banner .left-banner .icons-banner {
		width: 58px
	}

	.banner-sec .inner-banner .left-banner .icons-banner img {
		width: 40px
	}

	.ux-designer-sec .inner-ux-designer .ux-left-box {
		width: 100%;
		margin: 0
	}

	.ux-designer-sec .inner-ux-designer {
		margin: 0
	}

	.ux-designer-sec .inner-ux-designer .ux-right-box {
		width: 100%;
		margin: 0
	}

	.ux-designer-sec .ux-box .inner-box-ux .ui-left {}

	.ux-designer-sec .ux-box .inner-box-ux .ui-left .admin-port {
		max-width: 140px;
		position: relative
	}

	.ux-designer-sec .ux-box .inner-box-ux .ui-right {
		width: calc(100% - 112px);
		padding-left: 10px
	}

	.ux-designer-sec .ui-right .left-in-box .location-admin li:nth-child(2):before {
		display: none
	}

	.testimonials-slider .bg-img img {
		width: 100%
	}

	.inner-testimonials .testo-left {
		width: 100%
	}

	.excellent-sec .btn img {
		width: 40px;
		margin-left: auto;
		margin-right: 0
	}

	.excellent-sec .btn.btn-white {
		justify-content: center;
		text-align: center;
		padding: 10px 33px;
		max-width: 160px;
		margin: 0 auto
	}

	.three-slide-box .testo-admin-slider {
		width: 100%;
		margin: 10px
	}

	.idea-app-slider>ul>li {
		width: 100%
	}

	.inner-testimonials .testo-right {
		width: 100%
	}

	.three-slide-box {
		padding: 10px 22px
	}

	.idea-app-slider>.arrows {
		padding: 0 !important
	}

	.w-idea-app.infinity>input:last-of-type:checked~.arrows label.goto-first,
	.idea-app-slider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(1),
	.idea-app-slider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(2),
	.idea-app-slider>input:nth-of-type(10):checked~.arrows>label:nth-of-type(11),
	.idea-app-slider>input:nth-of-type(11):checked~.arrows>label:nth-of-type(12),
	.idea-app-slider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(3),
	.idea-app-slider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(4),
	.idea-app-slider>input:nth-of-type(4):checked~.arrows>label:nth-of-type(5),
	.idea-app-slider>input:nth-of-type(5):checked~.arrows>label:nth-of-type(6),
	.idea-app-slider>input:nth-of-type(6):checked~.arrows>label:nth-of-type(7),
	.idea-app-slider>input:nth-of-type(7):checked~.arrows>label:nth-of-type(8),
	.idea-app-slider>input:nth-of-type(8):checked~.arrows>label:nth-of-type(9),
	.idea-app-slider>input:nth-of-type(9):checked~.arrows>label:nth-of-type(10) {
		left: 0
	}

	.idea-app-slider>.arrows label {
		right: 0
	}

	label.goto-first {
		left: 0
	}

	.ux-designer-sec .inner-ux-designer .ux-left-box span img {}

	.coders-sec h2 {
		font-size: 24px;
		line-height: 32px
	}

	.coders-sec .com-coders-box .coders-box {
		width: 100%
	}

	.coders-sec .com-coders-box:before {
		display: none
	}

	.coders-offers .inner-coders-sec .text-left {
		width: 100%
	}

	.coders-offers .inner-coders-sec .text-right {
		width: 100%;
		text-align: center
	}

	.coders-offers .inner-coders-sec .text-left h2 {
		font-size: 25px;
		line-height: 32px;
		margin-bottom: 17px
	}

	.faq .headBox h2 {
		font-size: 24px;
		line-height: 32px;
		padding-bottom: 15px
	}

	.accParent .tab-label {
		font-size: 15px;
		line-height: 27px
	}

	.sample.accordianSection {
		margin-bottom: 16px
	}

	.how-we-work-sec .inner-how-we-work .work-box {
		width: 100%;
		margin: 10px 0
	}

	.how-we-work-sec h2 {
		font-size: 24px;
		line-height: 32px
	}

	.need-coder-sec h2 {
		font-size: 24px;
		line-height: 32px
	}

	.need-coder-sec .inner-need-coder .need-coder-box {
		width: 100%;
		margin: 10px 0
	}

	.articles-sec .inner-articles-sec .articles-box {
		width: 100%;
		margin: 10px 0
	}

	.articles-sec .inner-articles-sec {
		margin: 0
	}

	.articles-sec h2 {
		font-size: 24px;
		line-height: 32px
	}

	.hire-and-jobs .inner-hire-jobs h2 {
		font-size: 24px;
		line-height: 32px
	}

	.hire-and-jobs .inner-hire-jobs ul li a {
		padding: 4px 9px;
		font-size: 12px
	}

	.advance-coder-sec .inner-advance-coder-sec .advance-box {
		width: 100%;
		margin: 10px 0
	}

	.companies-relay-sec .inner-companies .left-img .img-box {
		width: 100%;
		margin: 10px 0
	}

	.companies-relay-sec .inner-companies .right-text h2 {
		font-size: 25px;
		line-height: 32px;
		margin-bottom: 15px
	}

	.offer-box h2 {
		font-size: 25px
	}

	.tab-inner-box ul {
		width: 100%
	}

	.footer .footer-inner .right-footer .inner-right-box .footer-box {
		width: 100%
	}

	.footer-bottom ul li {
		width: 100%;
		text-align: center
	}

	.footer-bottom ul {
		flex-wrap: wrap
	}

	.ux-designer-sec .ui-left .indicator {
		top: -10px;
		right: 0
	}

	ul.banner-logo {
		margin-bottom: 50px;
		flex-wrap: wrap
	}

	.banner-sec .inner-banner .left-banner .icons-banner {
		width: 100%
	}

	.banner-sec .inner-banner .left-banner .text-banner {
		width: 100%
	}

	.ux-designer-sec .inner-ux-designer .ux-left-box span:first-child img {
		margin: 0
	}

	.ux-designer-sec .inner-ux-designer .ux-left-box span {}

	.banner-sec {
		width: 100%
	}

	.coders-sec .com-coders-box {
		margin: 50px 0 0
	}

	.container {
		max-width: 89%;
		padding: 0
	}

	.hire-and-jobs .inner-hire-jobs .right-box .inner-right-box .admin-intro {
		width: 100%;
		max-width: 320px
	}

	.header .container {
		max-width: 89%;
		padding: 0
	}

	.accParent .tab-content {
		width: auto;
		padding: 3px 0 0 30px
	}

	.accParent .tab-label {
		line-height: 22px;
		padding-left: 10px;
		padding-right: 35px;
		min-height: 44px
	}

	.accParent .tab-content p {
		font-size: 14px
	}

	.banner-right-inner {
		float: left
	}

	.ux-designer-sec .ui-left .btn.btn-blue {
		max-width: 106px;
		margin-left: 0;
		margin-right: auto
	}

	.ux-designer-sec {
		padding: 34px 0 50px
	}

	.banner-section p {
		font-size: 16px;
		margin-bottom: 25px;
		line-height: 1.8
	}

	.inner-banner h1 {
		font-size: 26px;
		line-height: 32px;
		margin-bottom: 25px
	}

	.inner-banner h1 span {
		display: inline;
		padding-left: 5px
	}

	.banner-btn {
		padding: 13px 22px;
		font-size: 18px
	}

	span.head-top-ux a {
		font-size: 12px
	}

	.ux-designer-sec .ux-box {
		width: 100%
	}

	ul.location-admin {
		flex-wrap: wrap;
		padding-bottom: 10px
	}

	ul.location-admin li:nth-child(1) {
		padding: 0 0 4px;
		margin: 0;
		border: none
	}

	.sign-up-box {
		padding: 75px 0
	}

	.coders-offers .inner-coders-sec .text-left img {
		width: 100%
	}

	.coders-offers .inner-coders-sec .text-right h2 {
		font-size: 24px;
		padding-bottom: 15px
	}

	.companies-ui-sec h2 {
		font-size: 24px;
		line-height: 30px
	}

	.companies-ui-sec .com-companies-ui .left-box ul {
		padding: 15px
	}

	.companies-ui-sec .com-companies-ui .right-box .img-bg img {
		min-height: 450px;
		object-fit: cover;
		object-position: left
	}

	.companies-ui-sec .com-companies-ui .right-box ul.top-companies {
		max-width: 100%;
		margin-bottom: 25px
	}

	.companies-ui-sec .com-companies-ui .right-box ul.top-companies li .heading {
		font-size: 24px;
		margin-bottom: 0;
		line-height: 8px
	}

	.companies-ui-sec .com-uper-bg ul.btm-companies li {
		width: 50%;
		margin: 0;
		padding: 0 2px
	}

	.companies-ui-sec .com-companies-ui .right-box ul.top-companies li .sub-text {
		font-size: 13px;
		color: #fff;
		margin-top: 13px;
		display: block;
		font-family: robotolight
	}

	.companies-ui-sec .com-uper-bg ul.btm-companies {
		flex-wrap: wrap
	}

	.companies-ui-sec .com-uper-bg ul.btm-companies li .right-etxt {
		font-size: 14px;
		padding-left: 10px
	}

	.companies-ui-sec .com-uper-bg ul.btm-companies li .left-icons img {
		width: 40px
	}

	.companies-ui-sec .com-uper-bg ul.btm-companies li img {
		width: 102px
	}

	.heading-footer-btm h2 {
		font-size: 25px;
		line-height: 35px
	}

	.heading-footer-btm {
		padding-bottom: 50px
	}

	.hire-and-jobs .slider-box .navigation {
		max-width: 320px;
		margin: 0
	}

	.ux-designer-sec .ui-right .top-box {
		margin-bottom: 9px;
		padding-bottom: 10px
	}

	.three-slide-box .testo-admin-slider .admin-top .admin-images {
		width: auto;
		max-width: 30%;
		padding-right: 10px
	}

	.three-slide-box .testo-admin-slider .admin-top .admin-text {
		width: auto;
		max-width: 70%;
		margin-top: -10px
	}

	label.goto-first {
		left: -20px !important
	}

	label.goto-first img,
	label.goto-last img {
		background: #ccc;
		padding: 5px
	}

	label.goto-last {
		right: -20px !important
	}

	.need-coder-sec .inner-need-coder .need-coder-box .inner-need-box {
		padding: 23px;
		text-align: center
	}

	.mob-none {
		display: none !important
	}

	.hire-and-jobs .inner-hire-jobs {
		text-align: center
	}

	.btn-need.-sec ul {
		max-width: 310px
	}

	.hire-and-jobs .inner-hire-jobs ul.btn-box {
		justify-content: center
	}

	.tab-inner-box {
		text-align: center
	}

	.img-bg {
		display: none
	}

	.companies-ui-sec .com-companies-ui .right-box {
		padding: 20px;
		background: #2271bc
	}

	.companies-ui-sec .com-uper-bg {
		position: static;
		transform: inherit;
		padding: 20px 5px
	}

	.companies-ui-sec .com-companies-ui .right-box ul.top-companies li {
		width: 33%;
		margin: 0;
		text-align: center;
		position: relative
	}

	.companies-ui-sec .com-companies-ui .right-box ul.top-companies li::before {
		display: none
	}

	.need-coder-sec .inner-need-coder {
		margin: 0
	}

	.advance-coder-sec .inner-advance-coder-sec {
		margin: 0
	}

	.companies-relay-sec .inner-companies {
		margin: 0
	}

	.how-we-work-sec .inner-how-we-work {
		margin: 0
	}

	.coders-sec .container {
		max-width: 89%
	}

	.coders-sec .com-coders-box .coders-box {
		width: 100%;
		padding-bottom: 20px
	}

	.coders-sec .com-coders-box .coders-box:last-child {
		padding-bottom: 0
	}

	.hire-and-jobs .inner-hire-jobs h2 {
		font-size: 24px;
		margin: 0 0 20px
	}

	.advance-coder-sec h2 {
		margin: 0 0 10px;
		font-size: 24px
	}

	.coders-offers .inner-coders-sec .text-right p {
		padding-bottom: 10px
	}

	.mob-nuber {
		display: inline-block
	}

	.ux-box.classsign-up-box .inner-ux-ui-box {
		position: initial;
		transform: inherit
	}

	.top-comon-heading h2 {
		font-size: 24px;
		line-height: 30px
	}

	.comon-heading {
		padding: 40px 0
	}

	.listing-design .inner-listing-box .listing-box {
		width: 100%
	}

	.listing-design .inner-listing-box .listing-box ul,
	.listing-design .inner-listing-box .listing-box p {}

	.listing-design .inner-listing-box .listing-box:before {
		left: 0;
		width: 100%;
		height: 1px;
		top: -13px
	}

	.listing-design {
		padding: 40px 0
	}

	.left-banner,
	.right-banner {
		width: 100% !important;
		text-align: center
	}

	.trusted-by-client a {
		width: 50% !important;
		padding: 15px 15px 0
	}

	.trusted-by-client a.uber svg {
		max-width: 60%
	}

	.trusted-by-client a svg {
		width: 80%;
		height: auto
	}

	.find-talent .custom-btn {
		padding: 8px 15px
	}

	.stand-out-col {
		width: 100%
	}

	.left-banner .blue-bg {
		font-size: 16px;
		padding: 10px 15px
	}

	.stand-out-col>img {
		margin-bottom: 20px
	}

	.find-talent .tabs {
		max-width: 930px;
		margin: 0 auto 10px;
		border-bottom: none;
		justify-content: center;
		flex-wrap: wrap
	}

	.tab>label {
		padding: 0 10px;
		font-size: 15px
	}

	.sec-head {
		font-size: 24px;
		margin: 0 0 20px
	}

	.sub-text-center {
		font-size: 16px;
		margin: 0 auto 20px
	}

	.left-banner p,
	.stand-out-col p,
	.stand-out-col li,
	.world-class-col p {
		font-size: 14px
	}

	.world-class-col {
		width: 100%;
		padding: 15px
	}

	.custom-col-4 {
		width: 100%
	}

	.footer {
		padding: 30px 0 20px
	}

	.footer .footer-inner .left-footer p {
		font-size: 18px;
		line-height: 1.6
	}

	.footer-box h4 {
		font-size: 18px;
		margin-bottom: 10px
	}

	.footer-box.social-sec ul {
		margin-bottom: 10px
	}

	.footer-box ul {
		margin-bottom: 10px
	}

	.full-stack .tab>label {
		padding: 0
	}

	.full-stack .idea-app-slider>ul {
		white-space: normal
	}

	.footer-bottom ul li:last-child {
		text-align: center
	}

	.footer-bottom ul li:last-child a {
		margin: 0 10px
	}

	.footer-box-lg ul li {
		width: 100%;
		padding: 0 10px
	}

	.ux-designer-sec .ui-left .indicator img {
		margin: 0 !important
	}

	.ux-designer-sec .ui-left .indicator {
		top: 0;
		right: 0
	}

	.coder-work-text h5 {
		font-size: 16px
	}

	.tech-row {
		margin: 0 -5px 25px
	}

	.pd-r {
		padding-right: 0
	}

	.home-testimonials .mob-none {
		display: block !important
	}

	.client-name {
		display: none
	}

	.client-n {
		width: 40px;
		height: 40px
	}

	.right-banner img {
		margin-right: 0
	}

	.ux-designer-sec .ux-box .inner-ux-ui-box {
		padding: 15px
	}

	.head-top-ux {
		font-size: 12px
	}

	.headBox h2 {
		font-size: 24px;
		line-height: 34px;
		margin-bottom: 15px
	}

	.app-srv-item {
		width: 46%;
		border: 1px solid #cecece !important;
		margin: 2%;
		padding: 15px
	}

	.tag_row {
		margin-bottom: 0;
		flex-wrap: wrap
	}

	.tag_div {
		padding: 0 20px;
		width: 100%;
		margin-bottom: 25px
	}

	.tagBox {
		box-shadow: 0 3px 20px rgb(30 30 104/.15);
		padding: 15px
	}

	h2 {
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 15px
	}

	.sec_mb_5 {
		margin-bottom: 40px
	}

	.tag_rowFull .tag_div:nth-child(odd) {
		padding: 0
	}

	.tag_rowFull .tag_div:nth-child(even) {
		padding: 0
	}

	.tag_rowFull_reverse .tag_div:nth-child(odd) {
		padding: 0
	}

	.tag_rowFull_reverse .tag_div:nth-child(even) {
		padding: 0
	}

	.expBox {
		width: 100%;
		margin: 0 0 25px
	}

	.succ-stories .expBox {
		width: 100%;
		margin: 0 0 60px
	}

	.op .relBox {
		width: 100%;
		margin-bottom: 25px
	}

	.tag_rowFull .tag_div .tagBox {
		padding: 20px 15px
	}

	.about .headBox {
		margin-bottom: 15px
	}

	body {
		font-size: 15px
	}

	.tag_text h4 {
		font-size: 16px;
		line-height: 24px
	}

	.footer-bottom ul li a {
		font-size: 13px
	}

	.footer-bottom ul li:last-child a {
		margin: 0 5px
	}

	.postBox {
		padding: 20px 15px;
		width: 96%;
		margin: 20px 2%;
		min-height: auto;
		box-shadow: 0 1px 8px rgb(30 30 104/15%)
	}

	.three_col_view .tag_div {
		width: 100%;
		padding: 0 15px
	}

	.tagBox .tag_img {
		width: 55px;
		padding-right: 0
	}

	span.normal-icons {
		padding: 15px 7px;
		width: 42px
	}

	.team-left {
		margin-top: 0
	}

	span.active-icons {
		padding: 10px 12px
	}

	span.active-icons svg,
	span.normal-icons svg {
		width: 15px
	}

	.img_overlay {
		padding: 0
	}

	.succ-stories {
		padding-bottom: 0
	}

	.num2.tagPlain {
		margin: 0 -15px
	}

	.rec-portflo-sec {
		padding-bottom: 0
	}

	.android-app-slider .postCard {
		min-height: 180px;
		width: 100%;
		margin-bottom: 20px
	}

	.abt-adrd-sec .imgDiv {
		margin-bottom: 15px
	}

	.trusted-by-inner p {
		font-size: 16px
	}

	.trusted-by-inner svg {
		display: block;
		margin: 0 auto 5px
	}

	span.sub-text-center {
		font-size: 18px
	}

	.bannerCaption h1 {
		font-size: 24px;
		margin-bottom: 20px
	}

	.bannerCaption p {
		margin-bottom: 30px
	}

	.bannerCaption {
		position: static;
		transform: none;
		padding: 40px 0;
		text-align: center
	}

	.bannerFrame>img {
		display: none
	}

	.bannerFrame::after {
		background-color: rgba(4, 8, 25, .9)
	}

	.banner .container {
		position: relative;
		z-index: 1
	}

	.service-row li {
		width: 100%;
		padding: 3px 15px
	}

	.details_rightelemts {
		width: 100%;
		height: auto
	}

	.details_leftElemets {
		width: 100%;
		height: auto
	}

	.details_inner {
		display: flex;
		flex-direction: column
	}

	.logo_elements h2 {
		margin: 0
	}

	.logo_elements {
		margin-bottom: 20px
	}

	.form_inputElements label {
		margin-bottom: 5px;
		font-size: 14px
	}

	.form_inputElements input[type=text],
	input[type=email],
	.number_ph {
		padding: 12px 15px;
		font-size: 14px
	}

	.button_layer button.custom-btn {
		padding: 13px 30px;
		font-size: 16px
	}

	.home-banner .left-banner h1 {
		margin: 30px 0 40px !important;
  	font-size: 24px;
	}

	.left-banner p {
		font-size: 15px
	}

	.home-banner {
		padding: 100px 0 30px
	}

	.bannerCaption p.caps {
		margin-bottom: 20px
	}
}

@media only screen and (max-width:767px) {
	.right-box.blue-bg {
		background: 0 0
	}
	.our-exp-list li {
		width: 100% !important;
	}
	.tab-inner-box ul li {
		width: 50%
	}

	.headBox h3 {
		font-size: 22px
	}

	h3 {
		font-size: 18px;
		margin-bottom: 15px
	}

	.ux-designer-sec .ui-right .top-box .left-in-box h3 {
		margin: 0;
		font-size: 18px
	}

	.left-in-box h3 {
		font-size: 14px !important
	}

	.sec-inr-gap .excellent-sec p {
		line-height: 1.4;
		font-size: 18px;
		font-weight: 700;
		letter-spacing: 1px
	}

	.excellent-sec {
		padding: 20px
	}

	.tag_num {
		width: 30px
	}

	.hire-QA-right {
		margin: 0;
		padding-top: 20px
	}

	.mw .cr__box {
		width: 100%
	}

	.cr__topul>li,
	.mw__inner>ul>li {
		width: 100%
	}

	.cr__bottomul>li {
		padding: 0 10px;
		margin-bottom: 30px;
		width: 50%
	}

	.cr__box {
		width: 100%;
		padding: 15px
	}

	.os_content>ul>li {
		width: 100%
	}

	.os_content>ul>li {
		margin-bottom: 0
	}
}

@media only screen and (max-width:479px) {
	.tab-inner-box ul li {
		width: 100%
	}

	.card-col {
		width: 100%
	}

	.od_why.why .tag_num {
		width: 35px
	}

	.tag_div .tag_text {
		padding-left: 15px
	}
}

.home span.normal-icons {

	padding: 25px 25px 40px;

}


@media only screen and (max-width:767px) {

	.accParent .tab-content {
		width: auto;
		padding: 10px 0 0 15px;
		max-height: inherit !important;
		clear: both;
	}

	.home .accordianSection h3 {
		float: left;
		max-width: 85%;
	}

	.home .accParent .tab-label {

		float: right;
	}

	.home .sample.accordianSection::after {
		clear: both;
		display: block;
		content: "";
	}

	.home span.normal-icons {
		padding: 20px 7px;
	}

	.home .accParent h3 .tab-label {
		padding-right: 0;
		padding-left: 15px;
		padding-bottom: 10px;
	}

	/* new */
	.heading-tittle {
		font-size: 18px;
	}

	.left-text h2 {
		font-size: 20px;
		line-height: 32px;
	}

	.border-left li {
		padding: 0px 0px 70px 70px;
	}

	.home .accParent .tab-label {
		float: inherit;
	}
}