* {box-sizing:border-box;padding:0;margin:0;font-family:"Manrope", sans-serif;font-style:normal;scroll-behavior:smooth;}
.container-fluid {max-width:1920px;padding-left:clamp(20px,10.26vw,197px);padding-right:clamp(20px,10.26vw,197px);}

/* Repeat CSS */
ul {list-style:none;}
.all-head h4 {font-size:16px;letter-spacing:3.84px;color:#1372AC;font-weight:700;line-height:26px;}
.all-head h2 {font-size:clamp(24px,2.92vw,56px);line-height:clamp(32px,3.44vw,66px);color:#1a2d6b;font-weight:200;}

/* Header CSS */
.navbar a.navbar-brand img, .footer-sec .btm-rows img {width:100%;max-width:clamp(165px,20vw,300px);transition:0.5s;}
header.fixed a.navbar-brand img {max-width:clamp(18px,11.46vw,220px);transition:0.5s;}
.navbar-light .navbar-nav .nav-link.active {color:#1a2d6b;}
.navbar-light .navbar-nav .nav-link {font-size:clamp(16px,1.25vw,18px);color:#1a2d6b;font-weight:400;}
.navbar .navbar-nav li.nav-item {padding-right:clamp(20px,2.08vw,40px);}
.navbar .navbar-nav li.nav-item a {position:relative;}
.navbar .navbar-nav li.nav-item a::before {content:"";position:absolute;left:0;bottom:0;width:100%;background-color:#1a2d6b;transition:transform .4s, transform-origin;transform:scaleX(0);transform-origin:right center;height:1px;}
.navbar .navbar-nav li.nav-item a:hover::before {transform:scaleX(1);transform-origin:left center;}
.navbar .navbar-nav li.nav-item a:hover {color:#1a2d6b;}
.navbar .navbar-nav li.online a, .footer-sec .mid-rows button.btn-outline-primary, .navbar p.mbl-shows a.nav-link {position:relative;border-radius:clamp(80px,5vw,96px);background:linear-gradient(99.44deg, #53d6ff, #1372AC, #00c4e0, #01ffa4);animation:5s infinite Gradient;overflow:hidden;color:#fff;padding:clamp(12px,0.89vw,17px) clamp(18px,1.56vw,30px);text-transform:uppercase;background-size:200% 200%;font-family:Manrope-Bold, sans-serif;transition:.35s;line-height:normal;display:flex;align-items:center;gap:8px;border:0px none;font-size:clamp(14px,0.94vw,16px);}
.navbar .navbar-nav li.online a:hover, .footer-sec .mid-rows button.btn-outline-primary:hover, .navbar p.mbl-shows a.nav-link:hover {animation:5s paused GradientHover;transition:.35s;color:#fff;}
.navbar .navbar-nav li.online a::before, .navbar p.mbl-shows a.nav-link::before {visibility:hidden;}
@keyframes Gradient {
	0%, 100% {background-position:0 50%;}
	30%, 50% {background-position:100% 50%;}
}
.navbar p.mbl-shows {margin:0px;}
/* Navbar Fixed CSS */
header.fixed .navbar {background:linear-gradient(90deg, rgba(255,255,255,.56) 0, rgba(255,255,255,.45) 100%);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 4px 40px rgba(26,45,107,.06);z-index:99;}

/* Home Banner CSS */
.main-banner-sec {padding-top:15%;padding-bottom:10%;}
.main-banner-sec h3 {margin-bottom:12px;}
.main-banner-sec h1 {font-size:clamp(24px,3.75vw,72px);line-height:clamp(32px,4.17vw,80px);color:#1a2d6b;font-weight:300;max-width:630px;margin-bottom:20px;}
.main-banner-sec button.btn-outline-primary {border:2px solid #1372AC;border-radius:50px;color:#1372AC;padding:15px 31px;line-height:normal;font-size:clamp(15px,1.25vw,18px);font-weight:500;}
.main-banner-sec button.btn-outline-primary:hover {border-color:#1a2d6b;color:#1a2d6b;background:transparent;}
.main-banner-sec button.btn.btn-primary, .create-sec button.btn.btn-primary {border:2px solid #1372AC;border-radius:50px;color:#fff;padding:15px 31px;line-height:normal;font-size:clamp(16px,1.25vw,18px);font-weight:500;background:#1372AC;}
.main-banner-sec button.btn.btn-primary:hover, .create-sec button.btn.btn-primary:hover {background:#1a2d6b;border-color:#1a2d6b;}
.main-banner-sec .row {position:static;}
.main-banner-sec .rgt-col {position:absolute;right:0px;top:0px;}
.main-banner-sec p, .about-sec p, .team-sec span, .our-value-sec p {font-size:clamp(16px,1.25vw,18px);color:#485789;line-height:28px;font-weight:400;margin-bottom:15px;}
.team-sec p {margin-bottom:30px;}
.main-banner-sec a {display:flex;}

/* About Us CSS */
.about-sec h3 {font-size:clamp(20px,1.67vw,32px);line-height:clamp(30px,2.19vw,42px);color:#1a2d6b;font-weight:300;margin-bottom:10px;}
.about-sec .counter p {font-size:clamp(40px,3.53vw,60px);font-weight:200;color:#1a2d6b;line-height:normal;}
.about-sec .counter h3 {font-size:clamp(15px,1.25vw,18px);color:#1a2d6b;font-weight:400;line-height:normal;margin-bottom:0;}
.about-sec .iden-list, .team-sec .iden-list, .our-value-sec .iden-list {padding:0px;margin-top:10px;margin-bottom:30px;}
.about-sec .iden-list li, .team-sec .iden-list li, .our-value-sec .iden-list li {font-size:clamp(16px,1.25vw,18px);color:#485789;line-height:28px;font-weight:400;margin-bottom:15px;display:flex;align-items:flex-start;gap:10px;}
.about-sec .iden-list li img, .team-sec .iden-list li img, .our-value-sec .iden-list li img { max-width: 36px; }

.about-sec .colss {padding:clamp(20px,2.08vw,40px);border:1px solid #e4ecf4;border-radius: clamp(20px,1.25vw,24px);background:#f2f8fe;}
.abt-sec .row, .team-sec .btm-row {display:flex;flex-wrap:nowrap;gap:clamp(20px,2.35vw,40px);}
.team-sec .btm-row .lft-col {width:50%;padding:clamp(15px,1.47vw,25px);border:1px solid #e4ecf4;border-radius: clamp(20px,1.25vw,24px);}

/* Team CSS */
.team-sec .tab-new-pane {background:#fff;padding:clamp(20px,2.6vw,50px);border-radius:clamp(20px,2.08vw,40px);}
.team-sec .dev-list li {font-size:16px;color:#8692b4;}
.team-sec h3, .solution-sec .top h3, .review-sec h3 {font-size:clamp(20px,1.67vw,32px);color:#1a2d6b;line-height:clamp(30px,2.19vw,42px);font-weight:300;}
.team-sec p, .solution-sec .top p, .review-sec p {font-size:clamp(16px,1.25vw,18px);color:#485789;line-height:28px;font-weight:400;margin-bottom:50px;}
.team-sec p {margin-bottom:30px;}
.team-sec .row p {margin:0;height:clamp(130px,10.42vw,200px);background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important;width:100%;display:flex ;align-items:center;justify-content:center;font-size:clamp(14px,1.25vw,18px);color:#1a2d6b;font-weight:500;position:relative;transition:0.7s;border-radius:clamp(20px,2.08vw,40px);border:1px solid #e4ecf4;padding:clamp(20px,2.08vw,40px);gap:12px;}
.team-sec .row p img {width: 35px;}
.team-sec .row p::before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(37,132,244,.568627451);visibility:hidden;z-index:1;border-radius:clamp(20px,2.08vw,40px);}
.team-sec .row p:hover::before {visibility:visible;transition:0.7s;}

.team-sec .nav {border-bottom:4px solid #e4ecf4;justify-content:center;gap:30px;}

.team-sec .nav .nav-link.active {background:transparent;border:0px none;color:#1372AC;font-size:clamp(14px,1.25vw,18px);font-weight:600;border-bottom:3px solid #1372AC;margin-bottom:-4px;}
.team-sec .nav .nav-link {color:#1a2d6b;font-size:clamp(14px,1.25vw,18px);font-weight:600;}
.team-sec .nav .nav-link:hover {border-color:transparent;}
/* Team Slider CSS */
.team-sec .tabs-new {display:flex;align-items:flex-start}
.slider-container {max-width:420px;margin-left:20px;}
.slider-container .card-slide {background:#fff;border-radius:clamp(20px,1.56vw,30px);padding:clamp(16px,1.25vw,18px) clamp(20px,1.56vw,30px);text-align:center;position:relative;}
.slider-container .card-slide img {width:clamp(70px,4.69vw,90px);height:clamp(70px,4.69vw,90px);border-radius:50%;object-fit:cover;margin-bottom:15px;}
.slider-container .card-slide h5 {color:#1a2d6b;font-size:clamp(18px,1.25vw,24px);text-align:left;margin-bottom:7px;font-weight:400;}
.slider-container .card-slide p {font-size:clamp(16px,1.25vw,18px);color:#485789;text-align:left;margin-bottom:clamp(18px,1.25vw,24px);line-height:28px;}
.slider-container .card-slide .expertise-label {font-size:clamp(18px,1.25vw,22px);font-weight:400;color:#1a2d6b;margin-bottom:7px;letter-spacing:2.64px;text-transform:uppercase;text-align:left;}
.slider-container .card-slide .skills {display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-top:20px;}
.slider-container .card-slide .skills span {color:#485789;font-size:clamp(16px,1.25vw,18px);background-color:#f2f8fe;border-radius:clamp(10px,0.83vw,16px);padding:8px clamp(10px,0.83vw,16px);}
.slider-container .slide-counter {position:absolute;top:20px;right:130px;color:#8692b4;font-size:16px;}
.slider-container .slick-prev, .slider-container .slick-next {position:absolute;top:32px;border-radius:50%;width:clamp(32px,2.08vw,40px);height:clamp(32px,2.08vw,40px);z-index:1;}
.slider-container .slick-prev::before, .slider-container .slick-next::before {color:#111;font-size:18px;}
.slider-container .slick-prev {right:75px;left:auto;}
.slider-container .slick-next {right:25px;}
.slider-container .slick-slide {outline:none;}

.slider-container .slick-prev:before, .slider-container .slick-next:before {width:clamp(32px,2.08vw,40px);height:clamp(32px,2.08vw,40px);background-size:clamp(32px,2.08vw,40px);}
.slider-container .slick-prev:hover:before {content:"";display:block;position:absolute;background:url(../images/rev-hvr-lft-arrow.png);width:clamp(32px,2.08vw,40px);height:clamp(32px,2.08vw,40px);inset:0;opacity:1;background-size:clamp(32px,2.08vw,40px);}
.slider-container .slick-next:hover:before {content:"";display:block;position:absolute;background:url(../images/rev-hvr-rgt-arrow.png);width:clamp(32px,2.08vw,40px);height:clamp(32px,2.08vw,40px);inset:0;opacity:1;background-size:clamp(32px,2.08vw,40px);}

.slider-container .slick-current, .slider-container .slick-slide {width:420px!important;}
.slider-container .slick-track {width:3780px!important;}

.team-sec .btm-row h3 { font-size:clamp(18px,1.29vw,22px); line-height:clamp(28px,1.88vw,32px);font-weight:500;}
.team-sec h2.health, .our-value-sec h2.health  {font-size:clamp(17px,1.47vw,25px);line-height:clamp(27px,2.06vw,35px);padding-bottom:15px;font-weight:500;}

/* .team-sec .pdf {text-align: center;padding-top: 25px;} */
/* .team-sec .pdf button { border: 2px solid #1372AC; border-radius: 50px; color: #fff; padding: 15px 31px; line-height: normal; font-size: clamp(16px,1.25vw,18px); font-weight: 500; background: #1372AC; } */
/* .team-sec .pdf button:hover {border: 2px solid #1372AC;background:transparent;color:#1372AC;} */

/* .team-sec .pdf button {border:0px none;background:transparent;width:100%;} */
/* .team-sec .pdf button img { margin: 0; width: 100%; height: 100%; border-radius: 0px; } */

/* Process CSS */
.proccess-sec, .our-value-sec {overflow: hidden;}
.proccess-sec p {font-size:clamp(16px,1.25vw,18px);color:#485789;line-height:30px;max-width:700px;margin:auto;}
.progress-block {padding:clamp(25px,1.56vw,30px) 0px;}
.chart-block {display:block;position:relative;margin-bottom:clamp(40px,2.5vw,48px);}
.progress-block .borders, .progress-block .chart-block-sprint, .progress-block .chart-block-titles {display:grid;grid-template-columns:repeat(6, 1fr);}
.progress-block .chart-block-sprint {height:clamp(60px,3.33vw,64px);margin-bottom:12px;}
.progress-block .chart-block-sprint:nth-child(7) {margin-bottom:0;}
.progress-block .borders {position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;align-items:flex-end;}
.progress-block .border {border:0px none!important;border-right:1px solid #e1e6ec!important;position:relative;z-index:-1;height:84%;}
.progress-block .chart-block-title {font-size:clamp(12px,1.25vw,18px);letter-spacing:2.64px;color:#1a2d6b;text-transform:uppercase;text-align:center;margin-bottom:clamp(15px,0.89vw,17px);position:relative;}
.progress-block .chart-block-title .add-block.mainPoint {background-color:#fff3b5;font-size:clamp(12px,0.73vw,14px);}
.progress-block .chart-block-title .add-block {position:absolute;right:-11%;top:-5%;padding:4px 8px;border-radius:8px;color:#1a2d6b;text-transform:capitalize;letter-spacing:0;}
.progress-block .chart-block-title .add-block.demo {background-color:#a6ffdc;}
.progress-block .chart-block-sprint {height:clamp(60px,3.33vw,64px);margin-bottom:12px;}
.progress-block .chart-block-sprint-title {padding:17.7px 0;max-width:230px;font-size:clamp(16px,1.25vw,18px);color:#1a2d6b;}
.progress-block .chart-block-sprint:nth-child(2) .chart-block-sprint-item:nth-child(2) {background-color:#d5c6ff;border-radius:32px;}
.chart-block-sprint-item, .progress-block .chart-block-sprint-item {max-height:clamp(60px,3.33vw,64px);}
.progress-block .chart-block-sprint:nth-child(3) .chart-block-sprint-item:nth-child(3) {background-color:#a7f8d7;border-radius:32px;width:150%;position:relative;right:50%;}
.progress-block .chart-block-sprint:nth-child(4) .chart-block-sprint-item:nth-child(4) {background-color:#bdd9f9;border-radius:32px;width:200%;}
.progress-block .chart-block-sprint:nth-child(5) .chart-block-sprint-item:nth-child(5) {background-color:#bef5a4;border-radius:32px;width:250%;position:relative;right:50%;}
.progress-block .chart-block-sprint:nth-child(6) .chart-block-sprint-item:nth-child(5) {background-color:#fec7f2;border-radius:32px;width:100%;}
.progress-block .chart-block-sprint:nth-child(7) .chart-block-sprint-item:nth-child(5) {background-color:#aff1f8;border-radius:32px;width:200%;}
.proccess-sec .process-read {font-size:clamp(16px,1.25vw,18px);color:#1a2d6b;font-weight:400;text-decoration:none;display:flex;justify-content:center;align-items:center;gap:10px;}
.proccess-sec .show-mobile {display:none;}

/* Create CSS */
.solution-sec, .team-sec {background:#f2f8fe;padding-top:clamp(40px,5vw,96px);padding-bottom:clamp(40px,5vw,96px);overflow:hidden;}
.create-sec {background:#fff;padding-top:clamp(40px,5vw,96px);padding-bottom:clamp(40px,5vw,96px);overflow:hidden;}
.create-sec .container-fluid, .contact-sec .container-fluid {position:relative;z-index:9;}
.create-sec p {font-size:clamp(16px,1.25vw,18px);line-height:28px;color:#485789;max-width:520px;margin:10px auto 35px;}
.section-bg {top:6rem;transform-origin:center center;width:120%;z-index:1;position:relative;}
.section-bg .section-bg-item:first-child {width:100%;right:-106%;left:auto;transform:translateX(-38%) translateY(-58%);}
.section-bg .section-bg-item {left:50%;position:absolute;top:0;transform:translateX(-50%) translateY(-50%);width:100%;margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}
.section-bg .bg-item {display:block;padding-bottom:100%;background-size:100% 100%!important;transform-origin:center center;width:100%;margin-left:-10%;}
.section-bg, .section-bg .bg-item {backface-visibility:hidden;height:0px;}
.section-bg .section-bg-item:first-child .bg-item {background:url(../images/ellipse-green.png);animation:10s linear infinite jVXNyXLeft;}
@keyframes jVXNyXLeft {
	0%, 100% {transform:translate3d(0, 0, 0);}
	20% {transform:translate3d(-10%, 50px, 0);}
	40%, 80% {transform:translate3d(-40%, 50px, 0);}
	60% {transform:translate3d(-80%, 50px, 0);}
}

.section-bg .section-bg-item:nth-child(2) {width:100%;left:-22px;transform:translateX(-38%) translateY(-45%);}
.section-bg .section-bg-item:nth-child(2) .bg-item {background:url(../images/ellipse-blue.png);animation:10s linear infinite jVXNyXRight;}
@keyframes jVXNyXRight {
	0%, 100% {transform:translate3d(0, 0, 0);}
	20% {transform:translate3d(10%, 50px, 0);}
	40%, 80% {transform:translate3d(40%, 50px, 0);}
	60% {transform:translate3d(80%, 50px, 0);}
}

/* Our Values CSS */
.our-value-sec {padding-top:clamp(40px,5vw,96px);padding-bottom:clamp(40px,5vw,96px);}
.our-value-sec .row .one {padding:clamp(20px,1.76vw,30px);border:1px solid #e4ecf4;border-radius:clamp(20px,1.25vw,24px);}
.our-value-sec .row .one p {font-size:clamp(20px,1.67vw,32px);color:#485789;line-height:clamp(32px,2.6vw,50px);font-weight:300;margin-bottom:0px;}
.our-value-sec video {border-radius:16px;}
.our-value-sec .row {flex-wrap:nowrap;}
.our-value-sec .cultures {max-width: 720px;width: 100%;}

/* Solutions CSS */
.solution-sec .row {flex-wrap:nowrap;}
.solution-sec .top {background:#fff;padding:clamp(20px,2.6vw,50px);border-radius:clamp(20px,2.08vw,40px);width:49%;margin-right:30px;}
.solution-sec .top:last-child {margin-right:0px;}
.solution-sec .top p {margin-bottom:0px;}
.solution-sec .top a, .review-sec .project a {font-size:clamp(16px,1.25vw,18px);color:#1a2d6b;text-decoration:none;line-height:normal;font-weight:500;display:flex;align-items:center;gap:10px;}
.solution-sec .pdf {margin-top:15px;}
.solution-sec .top img {width:100%;}
.solution-sec .pdf button {border:0px none;background:transparent;width:100%;}

/* Review CSS */
.review-sec {padding-top:clamp(40px,3.65vw,70px);padding-bottom:110px;display:none;}
.review-sec .admin strong, .review-sec .admin small {font-size:clamp(16px,1.25vw,18px);color:#1a2d6b;text-transform:capitalize;font-weight:400;}
.review-sec .admin small {color:#8692b4;}
.review-sec .rgt-cols .project {padding:clamp(20px,2.6vw,50px);border-radius:clamp(20px,2.08vw,40px);border:2px solid #e1e6ec;}
.review-sec .rgt-cols .project span.badge {background:#bef5a4;padding:12px 16px;border-radius:12px;font-size:clamp(16px,1.25vw,18px);color:#1a2d6b;font-weight:400;}
.review-sec .rgt-cols .project h6 {font-size:clamp(16px,1.25vw,18px);line-height:28px;color:#1a2d6b;margin-bottom:7px;letter-spacing:2.64px;}

.slick-dotted.slick-slider {margin-bottom:0px;}
.testimonial-slider .slick-prev, .testimonial-slider .slick-next {position:absolute;top:auto;bottom:-92px;z-index:1;transform:translateY(-50%);}
.testimonial-slider .slick-next {right:0;width:clamp(40px,2.5vw,48px);height:clamp(40px,2.5vw,48px);}
.testimonial-slider .slick-prev {left:auto;right:65px;width:clamp(40px,2.5vw,48px);height:clamp(40px,2.5vw,48px);}

.slick-prev:before {content:"";display:block;position:absolute;background:url(../images/review-lft-arrow.png);width:clamp(40px,2.5vw,48px);height:clamp(40px,2.5vw,48px);inset:0;opacity:1;background-size:clamp(40px,2.5vw,48px);}
.slick-prev:hover:before {content:"";display:block;position:absolute;background:url(../images/rev-hvr-lft-arrow.png);width:clamp(40px,2.5vw,48px);height:clamp(40px,2.5vw,48px);inset:0;opacity:1;background-size:clamp(40px,2.5vw,48px);}
.slick-next:before {content:"";display:block;position:absolute;background:url(../images/review-rgt-arrow.png);width:clamp(40px,2.5vw,48px);height:clamp(40px,2.5vw,48px);inset:0;opacity:1;background-size:clamp(40px,2.5vw,48px);}
.slick-next:hover:before {content:"";display:block;position:absolute;background:url(../images/rev-hvr-rgt-arrow.png);width:clamp(40px,2.5vw,48px);height:clamp(40px,2.5vw,48px);inset:0;opacity:1;background-size:clamp(40px,2.5vw,48px);}

.slick-dots {bottom:-50px;display:flex;width:auto;}
.slick-dots li.slick-active button:before {opacity:1;background:#1372AC;color:#1372AC;border-radius:clamp(20px,2.6vw,50px);width:15px;height:15px;}
.slick-dots li button:before {width:15px;height:15px;opacity:1;background:#e8eaf0;color:#e8eaf0;border-radius:clamp(20px,2.6vw,50px);}

.btn:focus-visible, .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active, .nav-link:focus-visible {background:transparent!important;border:0px none!important;box-shadow:none!important;}

/* Create CSS */
.create-sec .row img {max-width:clamp(220px, 17.19vw, 330px);width:100%;}
.create-sec .social-list {display:flex;list-style:none;align-items:center;gap:20px;padding:0px;}

/* Contact CSS */
.contact-sec {background:#1272AC;position:relative;}
.contact-sec::after {content:"";display:block;position:absolute;background:#0F1A40;height:100%;width:30%;inset:0px;}
.contact-sec h2 {font-size:clamp(24px,2.92vw,56px);background:linear-gradient(111.81deg, #1372AC 8.52%, #05e6fc 57.35%, #06fb9c 106.19%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;max-width:100%;line-height:normal;font-weight:300;}
.contact-sec h3 {font-size:clamp(20px,1.67vw,32px);color:#fff;line-height:clamp(32px,2.34vw,45px);font-weight:300;max-width:500px;}
.contact-sec .container-fluid .lft-col {background:#0f1a40;}
.contact-sec .sub-list li {color:#cfd1d9;font-size:clamp(16px,1.25vw,18px);line-height:28px;padding-top:20px;display:flex;align-items:center;gap:15px;}
.contact-sec .sub-list li img {background:#06fb9c;width:clamp(32px,1.98vw,38px);height:clamp(32px,1.98vw,38px);border-radius:clamp(20px,2.6vw,50px);padding:8px;}
.contact-sec .vitaly {border:1px solid #384367;background:linear-gradient(26deg, rgba(50,62,102,.26) -5.87%, rgba(50,62,102,.08) 109.99%);backdrop-filter:blur(12px);padding:24px;border-radius:clamp(20px,2.08vw,40px);display:flex;flex-wrap:wrap;align-items:center;max-width:340px;margin-top:clamp(40px,2.6vw,50px);}
.contact-sec .vitaly .lft-col {border-radius:50%;}
/* .contact-sec .vitaly .rgt-col {padding-left:20px;} */
.contact-sec .lft-col img.dummy { border-radius: 50%; max-width: 90px; margin-bottom: 15px; }
.contact-sec .vitaly h5 {font-size:clamp(16px,1.25vw,18px);color:#fff;text-transform:capitalize;line-height:normal;margin-bottom:8px;}
.contact-sec .vitaly p {color:#d1d5e1;font-size:clamp(15px,0.94vw,16px);line-height:normal;}
.contact-sec .btn-primary {background:#fff;border-color:#fff;border-radius:clamp(20px,2.6vw,50px);padding:15px 30px;font-size:clamp(16px,1.25vw,18px);color:#1372AC;font-weight:600;}
.contact-sec .btn-primary:hover {color:#1a2d6b;}
.contact-sec button.btn-primary .hide, .contact-sec button.btn-primary:hover .show {display:none;}
.contact-sec button.btn-primary .show, .contact-sec button.btn-primary:hover .hide {display:block;}
.contact-sec .rgt-cols {padding:clamp(20px,3.13vw,60px) 20px clamp(30px,2.08vw,40px) clamp(20px,5.21vw,100px)!important;}
.contact-sec form label.form-label {font-size:clamp(16px,1.25vw,18px);color:#fff;opacity:1;}
.contact-sec form input, .contact-sec form select, .contact-sec form textarea {background-color:transparent;font-size:clamp(16px,1.25vw,18px);border:0px none;border-bottom:1px solid #fff;border-radius:0;color:#fff;padding-left:0px;padding-right:0px;}
.contact-sec form select {background-image:url(../images/down-arrow.png);}
.contact-sec form input::placeholder, .contact-sec form textarea::placeholder {color:rgba(255,255,255,0.5);}
.contact-sec form .iti {width:100%;}
.contact-sec form .iti input {padding-left:50px;}
.contact-sec form select option {color:#485789;padding-left:10px;}
.contact-sec form .form-check input {border:1px solid #fff;height:20px;width:20px;}
.contact-sec form .form-check label {color:#fff;font-size:clamp(16px,1.25vw,18px);font-weight:400;}
.contact-sec form .form-check a {color:#00e2f8;position:relative;}
.contact-sec form .form-check-input:checked {border-color:#00e2f8;background-color:#00e2f8;}
.contact-sec .rgt-cols .btn-primary {background:#1a2d6b;color:#fff;border-color:#1a2d6b;}
.contact-sec .rgt-cols .btn-primary:hover {background:#fff;border-color:#fff;color:#1a2d6b;}

.contact-sec .g-recaptcha {display:inline-block;}

/* Footer CSS */
.footer-sec {background:#1A2D6B;}
.footer-sec h4 {letter-spacing:2.64px;font-weight:700;}
.footer-sec h4, .footer-sec .mid-rows h5 {color:#fff;font-size:clamp(16px,1.25vw,18px);line-height:normal;}
.footer-sec .item-list li {margin-bottom:clamp(15px,0.89vw,17px);}
.footer-sec .item-list li a {color:#fff;opacity:.8;font-size:clamp(15px,1.25vw,18px);line-height:28px;position:relative;text-decoration:none;}
.footer-sec .item-list li a::before, .footer-sec .btm-rows p a::before,.contact-sec form .form-check a::before {position:absolute;left:0;bottom:0;background-color:#d1d5e1;transition:transform .4s, transform-origin;height:1px;width:100%;content:"";transform:scaleX(0);}
.footer-sec .item-list li a:hover::before, .footer-sec .btm-rows p a:hover::before,.contact-sec form .form-check a:hover::before {transform:scaleX(1);transform-origin:left center;}
.footer-sec .mid-rows {border-top:1px solid rgba(255,255,255,0.3);border-bottom:1px solid rgba(255,255,255,0.3)}
.footer-sec p.mail a, .footer-sec p.phn a {color:#fff;text-decoration:none;font-size:clamp(16px,1.25vw,18px);line-height:normal;}
.footer-sec p.mail a, .footer-sec p.phn a {display:flex;align-items:center;gap:10px;}
.footer-sec p.mail a:hover, .footer-sec p.phn a:hover {color:#1372AC;}
.footer-sec p.mail a {display:flex;align-items:center;gap:10px;}
.footer-sec .social-icon li a {opacity:1;}
.footer-sec .office-places p {margin-bottom:0;color:#fff;font-size:clamp(15px,1.25vw,18px);max-width:clamp(280px,17.97vw,345px);line-height:clamp(25px,1.56vw,30px);color:#d1d5e1;}
.footer-sec .social-icon li a::before {display:none;}
.footer-sec .btm-rows p, .footer-sec .btm-rows p a {font-size:clamp(15px,1.25vw,18px);color:#d1d5e1;margin:0;position:relative;}
.footer-sec .navbar .navbar-nav li.nav-item a:hover, .footer-sec .navbar-nav .nav-link.show {color:#fff;}

.footer-sec .navbar-expand-lg .navbar-nav .dropdown-menu, .navbar-nav .dropdown-menu {position:static;transition:0.5s;}
.footer-sec .navbar-nav .dropdown-menu, .footer-sec .navbar .navbar-nav li.nav-item a:hover, .footer-sec .dropdown-item.active, .dropdown-item:active, .footer-sec .dropdown-item:focus, .footer-sec .dropdown-item:hover, .dropdown-item {background:transparent;border: 0px none;}
.footer-sec .mbl-shows, .navbar .mbl-shows, .navbar button.topnav {display:none;}

.testimonial-slider .row {min-height:415px;height:100%;}
.form-control:focus, .form-select:focus {background-color: transparent;border-color: #fff;outline: 0;box-shadow: none;color: #fff;}

/* Thank You CSS */
.thank-you { max-width: 400px; margin: 170px auto 120px; text-align: center; padding: 20px; border-radius: 20px; background: #fff; box-shadow: 0px 0px 12px rgb(0 0 0 / 10%); }
.thank-you img {max-width: clamp(120px,7.813vw,150px); margin-bottom:15px;}
.thank-you h1 { font-size: 40px; text-transform: uppercase; font-weight: 900; line-height: 36px; color: #1272AC; padding: 0; }
.thank-you h1 span { font-size: 16px; font-weight: 700; display: block; color: #3b3b3b; }

/* Responsive */
@media (min-width:768px) {
.section-bg .section-bg-item:first-child {width:41%;right:-20%;}
.section-bg .section-bg-item:nth-child(2) {width:41%;left:0;}
.main-banner-sec .logo-img {gap:20px!important;}
}

@media (max-width:1350px) {
.container-fluid {padding-left:20px;padding-right:20px;}
.navbar .container-fluid {padding-top: 5px;padding-bottom: 5px;}
}

@media (max-width:991px) {
.about-sec .counter-rows, .team-sec .tabs-new, .team-sec .tab-new-pane .dev-list, .our-value-sec .row, .solution-sec .top, .solution-sec .row, .abt-sec .row, .team-sec .btm-row {flex-wrap:wrap;}
.solution-sec .top, .solution-sec .row, .create-sec .row, .footer-sec .mid-rows {gap:20px;}
.navbar .container-fluid {padding-top: 0px;padding-bottom: 0px;}

header.fixed a.navbar-brand img, .navbar a.navbar-brand img {max-width:165px;}
.navbar .navbar-collapse.show {width:100%;transition:all .4s ease-in-out;overflow: scroll;height: calc(100vh - 60px)!important;overflow-x:hidden;}
.navbar .navbar-collapse {background:#fff;padding:0px;overflow-x:auto;position:fixed;width:0px;inset:0;top:75px;transition:all .4s ease-in-out;-webkit-animation:fadeLeft .4s ease-in-out;animation:fadeLeft .4s ease-in-out;height:calc(100vh - 60px)!important;opacity:1!important;}
.navbar .navbar-collapse .navbar-nav {padding: 20px;align-items: start !important;border-bottom: 1px solid #e4ecf4;margin-bottom: 15px;border-top: 1px solid #e4ecf4;}
.navbar .navbar-nav li {padding:0!important;border-bottom:1px dashed rgba(255,255,255,0.3);width:100%;margin-bottom:10px;margin-left:0px!important;}
.navbar .navbar-nav li.solution {border-bottom:0px none;margin-bottom:0px;}
.navbar .navbar-nav li.online {display:none;}
.navbar-light .navbar-nav .nav-link {color:#1a2d6b!important;font-size:22px;line-height:32px;}

.navbar .mbl-shows {display:block;}
.navbar .row.mid-rows {display:flex;padding-left: 20px;padding-right: 20px;}
.navbar .row.mid-rows .lft-cols {width: 35%;}
.navbar .row.mid-rows .rgt-cols {width: 65%;}
.navbar .row.mid-rows .lft-cols p a { display: flex ; align-items: center; gap: 10px; text-decoration: none; color: #1a2d6b; font-size: 18px; font-weight: 500; margin-top: 15px; }
.navbar .row.mid-rows .rgt-cols h4 { letter-spacing: 1.92px; font-size: 18px; color: #1a2d6b; font-weight: 700; margin-bottom:7px; }
.navbar .row.mid-rows .rgt-cols p {font-size: 18px;letter-spacing: 0.5px;color: #1a2d6b;}
/* Open & Close */
.navbar a.navbar-brand {margin-right: 0;margin-left: 40px;}
.navbar button.topnav {border: 0px none;padding: 0;left: 30px;position: absolute;display:block;background:transparent;}
.navbar button.topnav.responsive .closes, .navbar button.topnav .opens {display:block}
.navbar button.topnav .closes, .navbar button.topnav.responsive .opens {display:none;}
.navbar button.topnav .closes img {width: 18px;opacity: .7;}
.navbar .topnav:focus {border:0px none;box-shadow:none;}
	
.all-head h2 br {display:none;}
.main-banner-sec .rgt-col {position:static;}
.main-banner-sec .logo-img {flex-wrap:wrap;gap:10px!important;margin-top:15px!important;margin-bottom: 15px !important;}
.main-banner-sec {padding-top:110px;}
.team-sec .tab-new-pane {margin-bottom:30px;}
.team-sec .row p {margin-bottom:20px;}
.slider-container, .team-sec .btm-row .lft-col {max-width:100%;margin-left:0;width:100%;}
.slider-container .slick-list.draggable {overflow:scroll;overflow-y:hidden;}
.slider-container .slick-track {width:100%!important;display:flex;}
.slider-container .slick-track .card-slide {width:100%!important;min-width:clamp(325px,40.36vw,380px);margin-right:5px;}
.slider-container .slick-next, .slider-container .slick-prev {bottom:-60px;top:auto;}
.progress-block, .proccess-sec .process-read {display:none;}
.proccess-sec .show-mobile {display:flex;flex-wrap:wrap;margin-top:20px;} 
.proccess-sec .show-mobile .process-grid-item {width:calc(33.33% - 20px);border:2px solid #d5c6ff;border-radius:clamp(30px,4.04vw,40px);padding:clamp(20px,3.23vw,32px);margin:10px;}
.proccess-sec .show-mobile .two {border:2px solid #a7f8d7;}
.proccess-sec .show-mobile .three {border:2px solid #bdd9f9;}
.proccess-sec .show-mobile .four {border:2px solid #bef5a4;}
.proccess-sec .show-mobile .five {border:2px solid #fec7f2;}
.proccess-sec .show-mobile .six {border:2px solid #05e6fc;}
.proccess-sec .show-mobile h3 {font-size:24px;color:#1a2d6b;font-weight:400;}
.proccess-sec .show-mobile p {font-size:14px;color:#485789;line-height:24px;}
.solution-sec .top {width:100%;margin:0;}
.testimonial-slider .slick-slide {flex-wrap:wrap!important;gap:20px;}
.testimonial-slider .slick-slide .lft-cols, .testimonial-slider .slick-slide .rgt-cols {width:100%;}
.contact-sec::after {width:100%;}
.contact-sec .rgt-cols {padding:20px!important;}

.create-sec .aws {width: calc(49.33% - 10px);}
.create-sec .social-list {flex-wrap:wrap;}
.create-sec .social-list li {width: calc(20% - 20px);}

.footer-sec .mid-rows .office-places {flex-wrap:wrap;gap:20px;}
.footer-sec .btm-rows {text-align:center;}
.footer-sec .mbl-shows {display:block;}
.footer-sec .desk-shows {display:none;}
.footer-sec .navbar-nav li.dropdown {border-bottom: 0px none;}
.footer-sec .navbar-nav .dropdown-menu {padding:0px;margin:0px;}
.footer-sec .navbar-nav li.dropdown a {padding-top: 0;}
.footer-sec .dropdown-toggle::after {right: 0;position: absolute;}
.footer-sec .navbar-nav .dropdown-menu li a {padding-bottom: 10px;padding-left: 0;padding-right: 0;}
.footer-sec .btm-rows p {margin-top: 15px;text-align:center !important;}

.footer-sec .mid-rows {padding: 25px 0 !important;}
.footer-sec .mid-rows .btn-mod {margin: 20px 0 !important;}
}

@media (max-width:767px) {
.navbar .row.mid-rows {flex-wrap:wrap;gap:20px;}
.navbar .row.mid-rows .lft-cols, .navbar .row.mid-rows .rgt-cols  {width: 100%;}	
	
.main-banner-sec .logo-img li img {max-width:clamp(70px,17.08vw,131px);}
.about-sec .counter-rows .btm {text-align:center;margin-bottom:20px;margin-right:15px;}
.about-sec .counter-rows .btm:last-child {margin-bottom:0px;margin-right:0px;}
.team-sec .nav .nav-link {min-width:190px;}
.team-sec nav {overflow:scroll;overflow-y:hidden;}
.team-sec .nav {flex-wrap:nowrap;}
.proccess-sec .show-mobile .process-grid-item {width:calc(49.33% - 20px);}
.team-sec {padding-bottom:70px;}
.main-banner-sec button.btn-outline-primary {padding:10px 15px;}

.create-sec .social-list li {width: calc(33% - 20px);}
}

@media (max-width:640px) {
.proccess-sec .show-mobile .process-grid-item {width:100%;}
.main-banner-sec .row {gap:20px;}
}

@media (max-width:480px) {
.navbar .container-fluid {padding-left:10px;padding-right:10px;}
.navbar p.mbl-shows a.nav-link {font-size: 10px;padding: 10px;gap: 5px;}
.navbar p.mbl-shows a.nav-link img {width: 15px;}	
	
.main-banner-sec .btn-mod {flex-wrap:wrap;margin:20px 0 0!important;}
.main-banner-sec .btn-mod a, .main-banner-sec .btn-mod button.btn {width:100%;}
.main-banner-sec button.btn.btn-primary {justify-content:center;}
.create-sec .social-list li {width: calc(50% - 20px);}
/* .all-head h2 {max-width: 300px;margin: auto;} */
}