@font-face {font-family:"gilmer_boldregular"; src:url("../fonts/gilmer_bold-webfont.woff2") format("woff2"), url("../fonts/gilmer_bold-webfont.woff") format("woff"); font-weight:normal; font-style:normal}

@font-face {font-family:"gilmer_mediumregular"; src:url("../fonts/gilmer_medium-webfont.woff2") format("woff2"), url("../fonts/gilmer_medium-webfont.woff") format("woff"); font-weight:normal; font-style:normal}

@font-face {font-family:"gilmer_regularregular"; src:url("../fonts/gilmer_regular-webfont.woff2") format("woff2"), url("../fonts/gilmer_regular-webfont.woff") format("woff"); font-weight:normal; font-style:normal}


html {box-sizing:border-box}
*, *:before, *:after {box-sizing:inherit}
body {font-family:"gilmer_regularregular"; overflow-x:hidden; font-size:22px; line-height:1.3;}
body.singledetail, body.work-with-uspage, body.hirepage, body.home, body.Life{
    overflow-x: unset;
}

h1,
h2,
h3,
h4,
h5,
h6 {font-family:"gilmer_boldregular"}
h1 {font-size:50px; line-height:62px}
h2 {font-size:40px; line-height:60px}
h3 {font-size:36px; line-height:60px}
h4 {font-size:30px; line-height:30px}
h5 {font-size:25px; line-height:60px}
h6 {font-size:20px; line-height:30px}
p {font-style:normal; font-weight:400; color:#222}

a.btn.btn-primary,
button.btn.btn-primary {border-radius:5px; background:linear-gradient(94deg, #212d6b 0%, #00a1db 128.68%); font-size:18px; font-family:"gilmer_regularregular"; transition:all 0.5s ease-out}
button.btn.btn-primary:hover,
a.btn.btn-primary:hover {background:linear-gradient(94deg, #00a1db 0%, #212d6b 128.68%)}
span.bluecolor {color:#0e6faa}
a {color:#00538a}
a.btn.btn-primary.darkblue {background:#00538a}
.darkblue_headtext {color:#00538a}
ul li {list-style:none}
ul {padding-left:0}
span.lgtblue {color:#00a1db}



/* Define the styles for your animated elements */
.aos-element { opacity:0; transform:translateY(20px); transition:opacity 2s, transform 2s;}
.aos-element.aos-animate { opacity:1; transform:translateY(0);}


/****Header Styling***/
section.headerarea nav li a {color:#222; font-size:16px; font-family:"gilmer_regularregular"}
section.headerarea nav li.nav-item:not(:last-child) {padding-right:30px}
.col-md-2.text-end a.btn.btn-primary {text-transform:uppercase; font-family:"gilmer_boldregular"; padding:18px 42px}
.home section.topbanner{padding:240px 0 0}
.home section.headerarea{position:fixed; z-index:1030}
.multiple_tech{margin-top:35px}
.home section.headerarea{background:transparent}
.home section.headerarea.bgcolor{background:#f5fcff; transition:transform 1s ease}
section.headerarea {
    background:#f5fcff; 
    /*padding:0 15%; */
    position:relative; 
    z-index:10}
section.headerarea nav li:hover a {color:#000}

/*****************/

/********Slick Slider General Styling*************/

/*.slick-active {padding:20px 0}*/

.our-portfolio .slick-slide:not(.slick-active) {margin:0 !important}
.slider.center .slick-slide{padding:28px 0}
.slick-slide{position:relative; /*  padding:20px 0;*/}
.slick-center {transform:scale(1.2); z-index:3;}
.slick-center {transform:scale(1.2)}
.slick-slide:not(.slick-active) {margin:0px 0}
.child {width:100%}
.slide:not(.slick-active) {cursor:pointer}
.slick-slide img {width:100%}
/*.slider.companyhire .slide img {width:85%}*/

.slider.companyhire .slide.slick-slide img {height:60px; object-fit:none}
.slider.hireone img,
.slider.hiretwo img,
.slider.hirethree img {width:auto}
.row.second_slider {direction:rtl}
section.hire_remote {display:block; overflow:hidden}
.slick-slide {transition:transform 0.3s ease-in-out; /* Customize the transition properties */
}

/******************************/

/*********Keyframe***********/


@keyframes slideInFromLeft {
	0% {transform:translateX(-100%);}
  100% {transform:translateX(0);}
}
.nav-pills .nav-link.active img {filter:brightness(0) invert(1)}

@keyframes grayscalePulse {
	0% { filter:grayscale(0);}
    50% { filter:grayscale(1); box-shadow:rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;}
    100% { filter:grayscale(0);}
  }

  @keyframes grayscaleFadeInOut {
	  0% { filter:grayscale(1);}
    50% { filter:grayscale(0);}
    100% { filter:grayscale(1); box-shadow:rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;}
  }

  @keyframes grayscaleRandom {
	  0%, 100% { filter:grayscale(0);}
    25% { filter:grayscale(0.3);}
    50% { filter:grayscale(0.8); box-shadow:rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;}
    75% { filter:grayscale(0.5);}
  }

  @keyframes MoveLeftRight {
	  0%, 100% {   transform:translateX(0);  }
    50% {   transform:translateX(-50px);  }
}




@keyframes spinCircle {
	from {   transform:rotate(0deg);}
    to {   transform:rotate(360deg);}
}


@keyframes move {
	0% {   offset-distance:0%;  }
    100% {   offset-distance:100%;  }
}
@keyframes MoveUpDown {
	0%, 100% {   transform:translateY(0);  }
    50% {   transform:translateY(-70px);  }
}
@keyframes spin {
	from {   transform:rotate(0deg);  }
    to {   transform:rotate(360deg);  }
}
@keyframes slideInLeft {
	from {transform:translateX(-100%); opacity:0;}
  to {transform:translateX(0); opacity:1;}
}
@keyframes slideInRight {
	from {transform:translateX(100%); opacity:0;}
  to {transform:translateX(0); opacity:1;}
}
@keyframes zoomIn {
	from {transform:scale(0.5); opacity:0;}
  to {transform:scale(1); opacity:1;}
}
@keyframes moveBox1 {
	0% {transform:translate(30px, 10px);}
    50% {transform:translateX(50px);}
    100% {transform:translate(30px, 10px);}
}
@keyframes moveBox2 {
	0% {transform:translateY(30px);}
    50% {transform:translateY(0px);}
    100% {transform:translateY(30px);}
}
@keyframes moveBox3 {
	0% {transform:translateX(0) translateY(50);}
    50% {transform:translateX(50px) translateY(0px);}
    100% {transform:translateX(0) translateY(0);}
}
@keyframes moveBox4 {
	0% {transform:translateY(0);}
    50% {transform:translateY(-40px);}
    100% {transform:translateY(0);}
}
@keyframes moveBox5 {
	0% {transform:translateY(0);}
    50% {transform:translateY(40px);}
    100% {transform:translateY(0);}
}
@keyframes bg-zoom-ani {
	0% {background-size:100% 100%}
  50% {background-size:115% 115%}
  100% {background-size:100% 100%}
}

@keyframes bg-zoom-aniheight {
	0% {background-size:auto 90%}
  50% {background-size:auto 100%}
  100% {background-size:auto 90%}
}

@keyframes bg-zoom-aniheightabout {
	0% {background-size:auto 80%}
  50% {background-size:auto 90%}
  100% {background-size:auto 80%}
}

@keyframes bg-zoom-aniheightindust {
	0% {background-size:auto 68%}
  50% {background-size:auto 80%}
  100% {background-size:auto 68%}
}

@keyframes zoomIn {
	0%, 100%{ transform:scale(1);}
  50% { transform:scale(0.9);}
}


@keyframes moveLeftToRight {
	0% {transform:translateX(0px) translateY(-200px);}
  50% {transform:translateX(1600px) translateY(200px); /* Adjust the destination values as needed */}
  100% {transform:translateX(0px) translateY(-200px);}
}


@keyframes moveRightToLeft {
	0% {transform:translateY(-200px) translateX(1600px);}
  50% {transform:translateY(1000px) translateX(-1000px); /* Adjust the destination values as needed */}
  100% {transform:translateY(-200px) translateX(1600px);}
}


@keyframes aboutmoveRightToLeft {
	0% {transform:translateY(-200px) translateX(1600px);}
  50% {transform:translateY(500px) translateX(-400px); /* Adjust the destination values as needed */}
  100% {transform:translateY(-200px) translateX(1600px);}
}

.scale1 img{animation:grayscaleRandom 3s infinite}
.scale2 img{animation:grayscaleRandom 5s infinite}
.scale3 img{animation:grayscaleRandom 7s infinite}
.slide-in-left {animation:slideInLeft 1.8s ease-in-out}
.slide-in-right {animation:slideInRight 1.8s ease-in-out}
.zoom-in-section {animation:zoomIn 2s ease-in-out}
.bg-zoom-ani{animation:bg-zoom-ani 20s infinite linear; border-radius:20px; background-position:center center ; overflow:hidden}
.multiple_tech.bg-zoom-ani {animation:bg-zoom-aniheight 20s infinite linear}
.about-eight.bg-zoom-ani {animation:bg-zoom-aniheightabout 20s infinite linear}
.industrialarea.bg-zoom-ani{animation:bg-zoom-aniheightindust 20s infinite linear}
.noborder-radius{border-radius:0px}
.multiple_tech .image-area:before {content:''; position:absolute; left:1.7%; width:80%; height:560px; background-color:#ffd6ae; border-radius:100%; z-index:1; animation:zoomIn 7s forwards; bottom:0}

.image-area{position:relative}
.image-area img {position:relative; z-index:2}
/****************************

/******Top Section Styling*******/




    .Life.At.Nanosoft section#feel-apre {
        overflow-x: hidden;
    }
    .Life.At.Nanosoft section#fun img {
    width: 100%;
}

.about-six {
    overflow: hidden;
}

.about-seven {
    overflow: hidden;
}

.abou-top {
    position: relative;
    overflow: hidden;
}








.abou-top .ellipse.dark.blue,
.hiresofttopbanner .ellipse.dark.blue{animation:aboutmoveRightToLeft 10s linear infinite}

.ellipse.light.blue{position:absolute; background:rgb(34,200,252); background:radial-gradient(circle, rgba(34,200,252,0.2) 0%, rgba(34,200,252,0) 70%); height:750px; width:750px; border-radius:50%; animation:moveLeftToRight 10s linear infinite; transition:transform 0.3s ease; background-size:100% 100% !important; top:0}
.ellipse.dark.blue{position:absolute; background:rgb(34,122,255); background:radial-gradient(circle, rgba(34,122,255,0.2) 0%, rgba(34,122,255,0) 70%); height:680px; width:680px; border-radius:50%; float:right; animation:moveRightToLeft 10s linear infinite; transition:transform 0.3s ease; background-size:100% 100% !important; top:0}

.objectss {position:absolute; top:0; z-index:9}
.objectss span.icon1 {position:absolute; top:160%; display:block; left:14%; animation:MoveUpDown 20s infinite linear}
.objectss span.icon2 {position:absolute; top:280%; display:block; left:2%; animation:MoveUpDown 20s infinite linear}
.objectss span.icon3 {position:absolute; top:400%; display:block; left:10%; animation:move 5000ms infinite alternate ease-in-out; offset-path:path("M30,40 C30,40 0,0 0,0"); transform:rotate(126deg)}

.objectss span.icon4 {position:absolute; top:150%; display:block; right:4%; animation:move 7000ms infinite alternate ease-in-out; offset-path:path("M30,40 C30,40 0,0 0,0"); transform:rotate(127deg)}
.objectss span.icon5 {position:absolute; top:300%; display:block; right:10%; offset-path:path("M30,40 C30,40 0,0 0,0"); animation:move 4000ms infinite alternate ease-in-out; transform:rotate(126deg)}
.objectss span.icon6 {position:relative; top:550px; right:-1700px; animation:MoveUpDown 10s infinite linear; display:block;width: 129px;}
section#lifeatnanosoft { position: relative; overflow: hidden; }
section.topbanner {padding:125px 0; position:relative; background:#f5fcff; overflow:hidden}
/*section.topbanner .slick-center img {padding-top:7px}*/
section.topbanner::after {content:""; position:absolute; bottom:0; left:50%; width:100%; height:130px; /* Adjust the height as needed */
  background:#fff; border-top-left-radius:50% 80%; border-top-right-radius:50% 80%; transform:translateX(-50%)}
section.topbanner .col-md-8 h1,
section.hiresofttopbanner .col-md-8 h1 {padding-bottom:33px}

.hiresofttopbanner p{color:#444;  font-size:17px; line-height:29px; padding-bottom:42px; padding-left:9%; padding-right:9%}
section.topbanner .col-md-8 p {color:#666; padding-bottom:42px; padding-left:9%; padding-right:9%}
section.topbanner .col-md-8 p strong {color:#222}
.col-md-12.businessEmail {padding-right:0; position:relative}
.col-md-12.businessEmail:after {content:"|"; position:absolute; top:0; right:0; color:#ccc; bottom:0; vertical-align:middle; display:flex; flex-wrap:wrap; align-items:center}

.col-md-12.lookingFor {padding-left:0; border-left:0}

.col-md-12.lookingFor select {border-left:none; border-top-left-radius:0; border-bottom-left-radius:0; padding:18px 22px; border-color:rgba(0, 161, 219, 0.2)}

.col-md-12.businessEmail input {border-top-right-radius:0; border-bottom-right-radius:0; padding:18px 22px; border-right:0; border-color:rgba(0, 161, 219, 0.2)}
section.topbanner button.btn.btn-primary {padding:15px 50px; font-family:"gilmer_mediumregular"}
.col-md-12.businessEmail input:focus,
.col-md-12.lookingFor .form-select:focus {border-color:1px solid rgba(0, 161, 219, 0.2); box-shadow:0 0 0}
.slider.center.toparea {padding-top:65px; position:relative; z-index:999}

section.topbanner .fa-arrow-left.slick-arrow {position:absolute; top:50%; left:-5%; color:#666666; font-size:20px; cursor:pointer; transition:all 0.5s ease-out; background:#fff; padding:10px; border-radius:50px}

section.topbanner .fa-arrow-right.slick-arrow {position:absolute; top:50%; right:-5%; color:#666666; font-size:20px; cursor:pointer; transition:all 0.5s ease-out; background:#fff; padding:10px; border-radius:50px}
/**************/

/*******Top Comapny Section Styling********/
section.topcompanies h5 {color:#222; font-family:"gilmer_mediumregular"}
.slider.companyhire {padding-top:13px; padding-bottom:14px}
section.topcompanies h2{text-align:center; width:80%; margin:0 auto; margin-bottom:31px}
/*****************/

/***********Step Away Section Styling***************/
section.steps-away .imagesection {position:relative}
section.steps-away .new-animate img {padding-bottom:0 !important}
section.steps-away .box-dez.box1,
section.steps-away .box-dez.box2,
section.steps-away .box-dez.box3,
section.steps-away .box-dez.box4,
section.steps-away .box-dez.box5 {position:absolute}

section.steps-away .box-dez.box1 {top:4%; left:20%; animation:moveBox2 4s infinite}
section.steps-away .box-dez.box2 {bottom:12%; left:8%; animation:moveBox3 6s infinite}
section.steps-away .box-dez.box3 {top:40%; left:50%; animation:moveBox1 5s infinite}
section.steps-away .box-dez.box4 {bottom:8%; right:10%; animation:moveBox4 5.5s infinite}
section.steps-away .box-dez.box5 {top:10%; right:0; animation:moveBox5 5s infinite}

section.steps-away {padding-top:131px; padding-bottom:177px}
section.steps-away h2 {color:#222; padding-bottom:52px}
section.steps-away h5 {line-height:40px; color:#222; margin-bottom:20px; text-transform: capitalize;}
section.steps-away p {line-height:29px; color:#444; font-size:16px; width:80%; margin:0 auto}
section.steps-away img {padding-bottom:25px}
section.steps-away a.btn.btn-primary.darkblue {display:block; width:auto; margin:0 auto; background:#00538a; color:#fff; font-family:"gilmer_mediumregular"; margin-top:57px; border-radius:10px; padding:16px 25px; transition:all 0.5s ease-in}
section.steps-away a.btn.btn-primary.darkblue:hover {background:#009cd4}
.hsd{transition:all 0.5s ease-in}
section.steps-away a.btn.btn-primary.darkblue:hover,
.hsd:hover,
.about-seven a.btn.btn-primary.darkblue:hover,
.message-area form button.btn.btn-primary:hover,
.job-details .job-head a:hover,
.jobsubmit button.btn.btn-primary.darkblue:hover,
section.buildcompany .col-md-2 a:hover,
section.trustedarea a.btn.btn-primary.darkblue:hover{background:#009cd4}
.hsd:hover,
section.buildcompany .col-md-2 a:hover {color:#fff}
section.ready-section a.btn.btn-primary.clrwht:hover{background:#00538a; color:#fff}
/*section.topcompanies h2 {text-transform:capitalize}*/
/********************/

/********Hire Remote Section Styling***********/
section.hire_remote h2 {color:#333; text-align:center; margin-bottom:20px}
section.hire_remote p {color:#333; text-align:center; width:45%; margin:0 auto; line-height:30px; margin-bottom:60px}
section.hire_remote .slick-slide:not(.slick-active) {margin:0}
section.hire_remote .slick-active {padding:0}
/******************/

/***********futuristic Styling**********/
.futuristic {padding-top:186px; padding-bottom:156px}
.futuristic h1 {color:#333; margin-bottom:56px}
.futuristic .remote_description {border-radius:5px; background:#fff; box-shadow:0px 0px 24px 0px rgba(0, 0, 0, 0.08); padding:30px; margin-bottom:32px}
.futuristic .remote_description img {margin-bottom:15px}
.futuristic .remote_description h6 {margin-bottom:10px;  color:#333}
.futuristic .remote_description p {color:#666; line-height:28px; font-size:16px; margin-bottom:0}
/**********************/

/***********Trusted Styling*************/
section.trusted h1 {margin-bottom:30px}
section.trusted p {margin-bottom:48px; color:#333; font-size:20px; line-height:36px; font-family:"gilmer_mediumregular"}
section.trusted .row.frst,
section.trusted .row.thrd {width:80%; margin:0 auto}
section.trusted  .row.secnd,
section.trusted .row.frst,
section.trusted .row.thrd{margin-bottom:60px}
section.trusted a.btn.btn-primary.darkblue {margin-top:59px; padding:16px 35px; font-family:"gilmer_mediumregular"; border-radius:5px; transition:all 0.5s ease-in}
section.trusted a.btn.btn-primary.darkblue:hover {background:#009cd4}
/*********************************/

/*************Industrial Styling Section**********************/
section.industrialarea {background-image:url("../images/industrybg.png"); background-repeat:no-repeat; background-position:bottom center; padding-top:124px}
.industries-section {text-align:center; background-size:cover; position:relative; width:70%; margin:0 auto}
.industries-inner {max-width:60%; margin:0 auto}
.industries-column h4 {font-size:16px; margin-bottom:0; line-height:24px}
.industries-item img {margin-bottom:10px}
.tab-position {position:relative; padding-top:100px}
.industries-item {width:200px; height:200px; display:flex; flex-direction:column; padding:0 15px; align-items:center; justify-content:center; border-radius:100%; background-color:#ffffff; position:absolute; fill:#fff; filter:drop-shadow(0px 0px 14px rgba(107, 159, 193, 0.23))}
.industries-item.active {background-color:#ea9e2a}
.industries-item.item1 {top:-60px; left:-60px; padding:0 30px}
.industries-item.item2 {top:20px; left:245px; width:200px; height:200px; padding:0 30px}
.industries-item.item3 {left:30px; top:230px; width:140px; height:140px}
.industries-item.item4 {bottom:70px; left:190px; width:200px; height:200px}
.industries-item.item5 {right:240px; top:60px; width:190px; height:190px}
.industries-item.item6 {right:0; top:-60px; width:165px; height:165px; padding:0 30px}
.industries-item.item7 {top:200px; right:0; width:210px; height:210px}
.industries-item.item8 {bottom:70px; right:200px; width:180px; height:180px}
.industries-item.item9 {top:22%; left:-18%; height:180px; width:180px}
.industries-item.item10 {top:56%; left:-11%; height:180px; width:180px}
.industries-item.item11 {right:-17%; top:20%; height:165px; width:165px}
.industries-item.item12 {right:0%; top:67%; height:140px; width:140px}
.industries-column {height:642px; position:absolute; width:100%; top:20%; left:0}
.industry-content {display:none}
.industry-verticals {position:relative; display:inline-block; margin:0 auto}
.industry-verticals .industry-content {position:absolute; top:30px; left:77px}
.industries-item.active img {filter:brightness(0) invert(1)}
.industries-item.item3.active img {filter:none}
.ellipse {width:20px; height:20px; background-color:#00538a; border-radius:100%; position:absolute}
.ellipse1 {width:9px; height:9px; top:210px; left:160px}
.ellipse2 {width:12px; height:12px; top:35px; left:-140px}
.ellipse3 {bottom:175px; left:90px}
.ellipse4 {top:17%; right:14%; width:16px; height:16px}
.ellipse5 {right:-40px; bottom:220px}
.ellipse6 {right:38%; top:16%}
.industries-inner h2 {margin-bottom:0}
#boxAniContainer {display:grid; grid-template-columns:repeat(38, 50px); gap:0px; animation:boxAnimation 5s infinite alternate; align-items:center; background-color:#00000045}
.box {width:50px; height:50px; background-color:#ffffff; transition:border-radius 0.5s ease-in-out}
@keyframes boxAnimation {
	0%, 100% {--border-radius:16px;}
  25% {--border-radius:8px;}
  50% {--border-radius:4px;}
  75% {--border-radius:2px;}
}

#boxAniContainer .box {border-radius:calc(var(--border-radius) + 16px)}
#boxAniContainer .box:nth-child(-n + 18) {--border-radius:calc(1px + (var(--box-index) * 1px)); border-radius:var(--border-radius)}
#boxAniContainer .box:nth-child(n + 20) {--border-radius:calc(16px - ((var(--box-index) - 20) * 1px)); border-radius:var(--border-radius)}
/***************************/

/*********Multiple Technology**************/
.rgtpad {width:90%; padding-top:100px; padding-bottom:43px}
.rgtpad h1 {text-transform:capitalize; color:#333; margin-bottom:20px}
.rgtpad p {color:#333; line-height:30px; margin-bottom:63px}
.rgtpad a {font-size:24px; line-height:30px; text-decoration:none; font-family:"gilmer_mediumregular"}
.rgtpad a img {padding-right:10px}
section.multiple_tech {background-image:url(../images/bgstars.png); background-repeat:no-repeat; background-position:right bottom}
.bottommarea.row span.counter,
.bottommarea.row  span.countericon {color:#00538a !important; font-size:40px; text-transform:capitalize; font-family:"gilmer_boldregular"; line-height:55px}
span.counterdesc {color:#333; font-size:18px; line-height:30px; font-family:"gilmer_mediumregular"}
/***********************/

/********Footer Styling**********/
ul.copyright-socialicons li a:hover {background:#00538a}
ul.copyright-socialicons li a:hover svg path{fill:#fff}

.footer-area {background:linear-gradient(180deg, rgba(0, 83, 138, 0) 0%, rgba(0, 83, 138, 0.1) 100%) !important; padding-top:100px}
.footer-area section {background:transparent}
ul.copyright-socialicons li:not(:last-child) {margin-right:15px}
ul.copyright-socialicons li a {border:1px solid #d9d9d9; border-radius:50%; background:#e7eff4; width:40px; height:40px; display:flex; align-items:center; transition:all 0.5s ease-in}
ul.copyright-socialicons li a svg {margin:0 auto}
ul.copyright-socialicons li {display:inline-block}
section.copyright {padding-top:20px; border-top:1px solid #e7e7e7; color:#666}
ul.social-details li a {color:#333; font-size:20px; font-style:normal; font-weight:600; line-height:30px; text-decoration:none; transition:all 0.5s ease-in}
ul.social-details li {display:inline-flex; justify-content:flex-start; align-items:center; gap:10px}
ul.social-details .bg-color {border-radius:50%; background:#00538a; height:40px; width:40px; justify-content:center; display:flex; align-items:center}
body.golang section.ready-section p.custom-head,
body.kotlin section.ready-section p.custom-head{padding-right:18%}
body.golang .job-head h1,
body.kotlin .job-head h1{width:94%}
.accordion .accordion-button:focus{border-color:transparent; box-shadow:none}
ul.social-details li:not(:last-child) {margin-right:47px}
ul.ftrmenu li a {color:#666; font-size:18px; font-style:normal; font-weight:400; line-height:40px; text-decoration:none; transition:all 0.5s ease-in}
.col-md-6.ftr-rgtsection {padding-top:70px}
ul.social-details {padding-top:45px; margin-bottom:30px}
.col-md-6.ftr-rgtsection h6 {margin-bottom:34px}
p.bluecolor {color:#00538a; font-size:18px; font-weight:600; line-height:30px; font-family:"gilmer_mediumregular"; margin-bottom:0}
.address-area p.biggertext {color:#333; font-size:20px}
section.footer {padding-bottom:100px}
ul.ftrmenu li a:hover,
ul.social-details li a:hover {color:#00538a}

/******************/

/********Find Talent Section Styling********/
/*section.find_talent{background:linear-gradient(to bottom, #F5FCFF, #fff)}*/
section.find_talent .container {background-image:url(../images/find_talent.png); background-repeat:no-repeat; background-size:100% 100%; padding:74px 0}
section.find_talent h2 {color:#fff; padding-bottom:14px}
section.find_talent p {color:#fff; line-height:36px; padding-bottom:14px}
section.find_talent a.btn.btn-primary.clrwht {border-radius:5px; background:#fff; color:#00538a; display:block; width:auto; margin:0 auto; border:0; font-family:"gilmer_mediumregular"; padding:16px 35px; transition:all 0.5s ease-in}
section.find_talent a.btn.btn-primary.clrwht:hover {background:#009cd4; color:#fff}
/*****************/

/********Happy Customer Section Stling******/
section.happy_customers .testimonials .slide img {width:auto; margin:0 auto; padding-bottom:30px}
section.happy_customers .testimonials .slide p {width:70%; margin:0 auto; font-size:20px; line-height:32px; color:#444; padding-bottom:30px}
section.happy_customers .testimonials .slide span.clientname {color:#333; line-height:30px; font-family:"gilmer_boldregular"}
section.happy_customers .testimonials .slide span.clientdesignation {color:#666; font-size:14px; line-height:30px}
section.happy_customers .fa-arrow-right.slick-arrow {position:absolute; top:50%; right:0; color:#0e6faa; font-size:20px; cursor:pointer; transition:all 0.5s ease-out}
section.happy_customers .fa-arrow-left.slick-arrow {position:absolute; top:50%; left:0; color:#0e6faa; font-size:20px; cursor:pointer; transition:all 0.5s ease-out}
section.happy_customers {padding-top:119px; padding-bottom:130px; background:#f5fcff}
.happy_customers h1 {color:#222; padding-bottom:80px; text-align:center}
section.happy_customers .fa-arrow-right.slick-arrow:hover,
section.happy_customers .fa-arrow-left.slick-arrow:hover {color:#00538a}
/****************/

/**Contact Page Styling****/

body.contact section.headerarea {background:url("../images/header-bg.png"); background-size:cover}
.page.heading {margin-bottom:27px; margin-top:100px}
.page.heading h2 {width:58%; margin:0 auto}
section.company-details {padding:119px 0 137px 0; position:relative; z-index:2}
section.company-details .message-area label{
    font-family: "gilmer_boldregular";
    font-size: 16px;
}

section.company-details .message-area .form-control{
    font-family: "gilmer_regularregular";
    font-size: 15px;
    color:#666666;
    padding: 14px 15px;
}
.col-sm-6.message-area {padding-right:5%}
.col-sm-6.address-area {padding-left:5%}
.col-sm-6.message-area h4,
.col-sm-6.address-area h4 {margin-bottom:27px}
.col-sm-6.message-area p {line-height:30px; margin-bottom:30px; font-family:gilmer_mediumregular}
ul.address-bullet li {color:#222; font-family:gilmer_mediumregular; font-size:18px; font-style:normal; line-height:30px; margin-bottom:30px}
ul.address-bullet li i {color:#0e6faa; margin-right:13px}
ul.address-bullet li a {text-decoration:none; color:#222}
.map-area {margin-top:30px}
.col-sm-6.message-area form label {color:#000; font-family:gilmer_mediumregular; font-size:16px; font-style:normal; line-height:30px}
.col-sm-6.message-area form input,
.col-sm-6.message-area form select,
.col-sm-6.message-area form textarea {padding:13px 24px; color:#666; font-size:15px; line-height:30px}
.col-sm-6.message-area form input:focus,
.col-sm-6.message-area form textarea:focus,
.col-sm-6.message-area .form-select:focus {border-color:1px solid rgba(0, 161, 219, 0.2); box-shadow:0 0 0}
.message-area form .mb-4:nth-child(4) {margin-bottom:42px !important}
.message-area form button.btn.btn-primary {display:block; width:100%; background:#00538a; color:#fff; font-family:"gilmer_boldregular"; border-radius:5px; padding:19px 25px; transition:all 0.5s ease-in}
.right-section {padding-left:100px; padding-top:2%}
.contact-page .right-section h2 {margin-bottom:20px}
.contact-page .right-section p {color:#666; line-height:30px; padding-bottom:20px; margin-bottom:0}
.contact-page .slick-active {padding:40px 0}
span.clientname.d-block {color:#333; font-family:gilmer_boldregular; font-size:20px; line-height:30px}
span.clientdesignation {color:#666; font-size:16px; line-height:30px}
.right-section img {margin-top:8px; width:auto !important}
.left-section {position:relative}
.slider.contact-page:before {content:url(../images/imageshape.png); position:absolute; top:-7%; z-index:-1; left:-4%}
.slider.contact-page:after {content:url(../images/imageshape.png); position:absolute; bottom:10%; left:45%; z-index:-1}
.slider.contact-page {padding-bottom:100px}
.slider.contact-page i.fa-solid.fa-arrow-left-long.slick-arrow {position:absolute; bottom:15%; cursor:pointer; z-index:99}
.slider.contact-page i.fa-solid.fa-arrow-right-long.slick-arrow {position:absolute; bottom:15%; left:3%; z-index:99; cursor:pointer}
.slider.contact-page img.quote {width:auto; position:absolute; top:-7%; right:-2%}

/**************************/

/****Job Detail Pgae***********/

.singledetail section.headerarea {background:url("../images/detailheaderbg.png"); padding:0; background-size:cover}
.job-details .job-form {margin-left:120px;}
.job-head h1 {color:#222; margin-bottom:30px;}
.job-head p {color:#444; line-height:30px; margin-bottom:30px;}
ul.headerbullets {margin-top:10px; display:inline-grid; grid-template-columns:1fr 1fr; gap:30px;}
ul.headerbullets li,
.expectation-bullets li {color:#444; font-size:18px; line-height:30px; font-family:"gilmer_boldregular"; position:relative;}
.expectation-bullets li {font-family:"gilmer_mediumregular" !important; padding-left:20px; position:relative; margin-bottom:20px;}
.expectation-bullets li i {position:absolute; left:-10px; top:7px;}
ul.expectation-bullets {margin-top:5%;}

.headerbullets li i,
.expectation-bullets li i,
.tech-stacks li i {color:#fff; background-color:#00a1db; border-radius:50%; font-size:13px; margin-right:10px; width:20px; height:20px; display:inline-block; vertical-align:middle; padding:4px}
.job-head a {font-family:"gilmer_boldregular" !important; padding:16px 26px; margin-top:22px}
form.jobsubmit input,
form.jobsubmit textarea {width:100%; border-radius:3px; background:#fff; color:#666; font-size:16px; line-height:26px; padding:15px 20px; background:#fff; border:0; margin-bottom:20px}
.job-form.box-shadpw {border-radius:15px; background:#e6f3f8; box-shadow:0px 4px 40px 0px rgba(22, 65, 81, 0.14); padding:39px 37px 44px 37px}
.job-form h4 {color:#0e6faa; line-height:26px; margin-bottom:30px}
.jobsubmit button.btn.btn-primary.darkblue {border-radius:5px; background:#00538a; color:#fff; font-size:20px; line-height:26px; font-family:"gilmer_boldregular"; width:100%; padding:17px 0}
.singledetail section.steps-away {padding-top:100px; padding-bottom:21px}
body.golang section.steps-away .stepshead h2,
body.kotlin section.steps-away .stepshead h2 {width:61%; margin:0 auto}

.buildcompany.mar-top{margin-top:30px}
section.trustedarea .col img {width:100%}
section.ready-section .col-md-4 img {width:100%}
section.ready-section a.btn.btn-primary.clrwht {margin-bottom:0px;}
section.ready-section .row {background:none; background-repeat:no-repeat; background-size:cover; padding:0px 0}
section.ready-section .col-md-4 img {margin:0 auto; display:block}
section.faq {padding-top:80px; padding-bottom:100px}
section.faq h2.text-center {margin-bottom:30px}
section.faq .accordion-button {color:#222; font-family:"gilmer_mediumregular" !important; font-size:18px; line-height:30px; padding-top:25px; padding-bottom:13px; background:transparent}
section.faq .accordion-body {padding-top:0; padding-bottom:30px; padding-left:23px; padding-right:101px}

section.faq .accordion-button {padding-left:23px; padding-right:23px}
section.faq .accordion-item {margin-bottom:20px; border:0; border-radius:12px; background:#fff; box-shadow:0px 4px 24px 0px rgba(0, 0, 0, 0.06)}
.accordion-button:not(.collapsed) {box-shadow:0 0 0}
section.expectation-section {padding-top:90px}
section.expectation-section h2.text-center {width:45%; margin:0 auto; margin-bottom:40px; color:#222; }
.futuristic {padding-top:113px; padding-bottom:132px}
.futuristic .sticky-top img {width:auto}
section.futuristic h2 {margin-bottom:14px; color:#333}
section.futuristic p {line-height:30px; color:#333; padding-bottom:26px}
section.futuristic h4 {margin-bottom:14px; margin-bottom:40px}
section.trustedarea {padding:94px 0; background:url(../images/trustedbg.png); background-repeat:no-repeat; background-size:cover; overflow:hidden}
section.trustedarea .row {position:relative}

section.trustedarea{position:relative; width:100%; overflow:hidden;}
section.trustedarea .content-bx{padding-right:60px;}
section.trustedarea .logo-bx-rgt0{position:relative;}
section.trustedarea .logo-bx-rgt0 img{box-shadow:0 0 12px rgba(0, 0, 0, 0.05)}
section.trustedarea .row-odd{width:calc(100% + 275px); padding-left:10%}
section.trustedarea .row-even{width:calc(100% + 275px); margin:30px 0;}

section.trustedarea p {font-size:20px; line-height:36px; font-family:"gilmer_mediumregular"; margin-bottom:24px; color:#333}
section.trustedarea h1 {margin-bottom:24px; color:#333}
section.trustedarea a.btn.btn-primary.darkblue {padding:16px 35px; font-size:18px; color:#fff; font-family:"gilmer_mediumregular"; background:#00538a; border-radius:0; transition:all 0.5s ease-out}

section.skillsares {padding:90px 0 45px 0; background:url(../images/skillsaresbg.png); background-repeat:no-repeat; background-size:cover}
section.skillsares h2 {width:40%; margin:0 auto; margin-bottom:46px; color:#222}
section.skillsares h6 {margin-bottom:20px; color:#222}
section.skillsares p {font-size:16px; line-height:29px; color:#444; font-family:"gilmer_mediumregular"; padding:0 50px}
section.skillsares.hire-skill .col-md-4 {border-right:1px solid #D6D6D6; border-bottom:1px solid #D6D6D6; padding:0}
.col-md-4.no-btm-border {border-bottom:0 !important}
section.ready-section p.custom-head {font-size:50px; line-height:62px; color:#fff; margin-bottom:60px; padding-right:6%}
section.ready-section .col-md-8 {padding-top:0px;  padding-left:0px}
section.ready-section a.btn.btn-primary.clrwht {margin-bottom:0px; background:#fff; color:#00538a; font-size:18px; font-family:"gilmer_mediumregular"; padding:16px 35px}
section.buildcompany .inner-wapper{background:#00538a; border-radius:20px;}
section.buildcompany .headingWithBtn {display:flex;}
section.buildcompany .headingWithBtn h2 {font-size:36px; color:#fff; font-family:"gilmer_mediumregular"; line-height:1.3;     }
section.buildcompany .headingWithBtn strong {font-family:"gilmer_boldregular";}
section.buildcompany .headingWithBtn a {background:#fff; color:#00538a; padding:12px 18px; text-decoration:none; font-size:18px; font-family:"gilmer_mediumregular"; transition:all 0.5s ease-out; border-radius:5px; flex:none; text-align:center; line-height:1.3;}
section.buildcompany .buildcompany-img {position:relative;}
section.buildcompany .buildcompany-img img{position:absolute; bottom:-16px; width:calc(100% - 30px);}
.devops .devo-disc li {display: -webkit-inline-box;position: relative;}
.devops li span {padding-right: 5px; padding-left: 0px;font-size: 18px;font-weight: 700;line-height: 28px;}
.devops li p { padding-left: 25px;}
.devops ul { position: relative;}
.devops .devo-disc li p {padding-bottom: 20px !important;}
.devops .devo-disc li:before {content: '';width: 9px;height: 9px;background: #00A1DB;position: absolute;border-radius: 20px;margin-top: 12px;}
.devops h5.devo {color: #00538A;}
/*********************/


/*********ios detail page**********/

.singledetail.ios .job-head h1{width:85%}
.singledetail.ios .tech-stacks .col-md-6 ul {display:inline-block; vertical-align:top}
.singledetail.ios .tech-stacks ul li{padding-bottom:23px; font-size:16px; line-height:40px; color:#444; font-family:"gilmer_mediumregular"}
.singledetail.ios .tech-stacks ul li i{background:#0B6BC0}
.singledetail.ios .tech-stacks .col-md-6 ul:not(:last-child){padding-right:38px}
.tech-stacks{padding-top:150px; padding-bottom:29px}
section.tech-stacks .sectionheading h2 {width:45%; margin:0 auto; text-align:center; margin-bottom:46px}
section.tech-stacks h6{margin-bottom:27px}
/**********************************/


/*******Hire Software Developer************/

.hiresofttopbanner {
    position: relative;
}
section.hiringsteps h2 {padding-bottom:70px}
button.btn.btn-primary.hsd {background-color:#00538A !important;}
/*section.hiresofttopbanner h1 {font-size:49px; line-height:62px}*/
section.hiresofttopbanner {background:none; padding:90px 0}
section.topbanner.hiresofttopbanner::after{display:none}
.row.steprow {/*    margin-left:15%;*/}
.row.steprow h2 {text-align:center}
h6.hire-step-heading {padding-top:35px}
.col-md-2.text-center.hire-affter {padding-top:70px}
.hire-top{/*  padding-top:30px;*/}
section.hiringsteps {padding-bottom:120px}
.col.text-center.hire-affter{position:relative}
.col.text-center.hire-affter::after {content:''; position:absolute; background-image:url(../images/hire-software/hire-arrow.png); width:20%; height:20px; background-repeat:no-repeat; margin-left:0; top:35%; right:-10%; animation:3.5s ease-out 0s 1 slideInFromLeft}
section.ourexperience {background-image:url(../images/hire-software/our-experienced-bg.png); background-repeat:no-repeat; background-position:right bottom; padding-top:100px; padding-bottom:100px}

section.ourexperience p {color:#444; line-height:30px; text-align:left}
.experience_description {height: auto;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.05);
    padding: 20px 32px 33px 35px;
    margin-bottom: 30px;
    min-height: 368px;
    
}
.experience_description p {color:#444; font-size:18px; font-weight:400; line-height:30px}
.experience_description h5 {text-align:left; color:#222;/*font-weight:700;*/ line-height:42px; }
.row.experience h2 {padding-bottom:40px; line-height:52px;}
.experience_description img {padding-bottom:14px}
.experience p.text-center{padding:0 50px 40px 50px}
section.buildcompany.hire{padding-top:50px}
.remote_description h1 {color:#0B6BC0; font-weight:700; line-height:28px; margin-bottom:30px}
.skillsares h2.text-center.heads {width:50%}
section.hire-skill p{padding-left:0; color:#333; font-size:18px; font-style:normal; font-weight:400; line-height:30px; padding:0}
.benefits-border img {padding-bottom:25px}
/*.left-slider-content {display:flex}
.left-slider-content span.clientname.d-block {padding:22px}*/
/*.hire-skill .col-md-4 {height:410px}*/
.hire h4 {padding-left:70px; position:absolute; bottom:80px; color:#fff; font-weight:600}
p.img-dec-hire {padding-left:70px; position:absolute; bottom:25px; color:#fff}
.hire .right-section p {padding-top:30px}
.hire .slick-dots {position:absolute; bottom:30%; display:block; width:75%; padding:0; margin:0; list-style:none; text-align:center; right:4%;/*border:1px solid;*/}
.hire li.slick-active {padding:0}
/*
.benefits-border1 {border-right:1px solid #D6D6D6; border-bottom:1px solid #D6D6D6}
.benefits-border2 {border-right:1px solid #D6D6D6; border-bottom:1px solid #D6D6D6}
.benefits-border3 {border-bottom:1px solid #D6D6D6}*/
section.skillsares.hire-skill .col-md-4 .borderr{margin-bottom:0px; padding-left:47px; padding-right:50px}
section.skillsares.hire-skill .col-md-4 .borderr img {margin-top:55px}
section.skillsares.hire-skill .col-md-4 .borderr p {margin-bottom:55px; padding-bottom:0}
section.how-hire-dev {background-color:#F6FCFF; padding:90px 0 90px}
section.slider-container.slidersd {padding-top:70px}
.hhd-right-content p {color:#333; font-size:18px; line-height:30px}
h4.hhs-title {opacity:0}
.hhs-dec {opacity:0; color:#FFF; font-size:18px; font-style:normal; line-height:30px; position:relative;/*top:104px;*/}
/*.how-hire-dev .portfolio-image {width:376px; height:408px}*/
.how-hire-dev  .portfolio-item {padding-left:0.2%}
.how-hire-dev .slick-center {transform:scale(1.0)}
.hhs-title {color:white; font-size:25px; position:relative;  /* top:18%; left:37%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); white-space:nowrap;*/}
.hhd-content {position:absolute; bottom:0; right:0; border-radius:5px; background:linear-gradient(180deg, #0B6BC0 0%, #00A1DB 100%); box-shadow:0px 0px 24px 0px rgba(0, 0, 0, 0.08); overflow:hidden; height:100%; transition:1s ease; padding:100px 20px 20px 20px; z-index:-1}
section.how-hire-dev .col-md-6.rgt{display:flex; align-items:center}
section.how-hire-dev .col-md-6.rgt p{margin-bottom:0px}
section.how-hire-dev .col-md-6.lft,
section.how-hire-dev .col-md-6.rgt{margin-bottom:40px}


.portfolio-main:hover .hhd-content {width:100%; left:0; height:46vh; margin-bottom:0px; border-radius:5px; z-index:11}
.portfolio-main.movement:hover .hhd-content{height:50vh}
.portfolio-main:hover .hhd-content h4 {opacity:1}
.portfolio-main:hover .hhd-content .hhs-dec {opacity:1}
.portfolio-main {position:relative}
.top-info h5 {position:absolute; bottom:18px; CONTAIN-INTRINSIC-BLOCK-SIZE:AUTO 100PX; color:#fff; line-height:30px; left:20px}
.portfolio-heading {position:relative}
.slidersd .slider.contact-page:before{display:none}
.slidersd .slider.contact-page:after{display:none}

section.how-hire-dev .rgt {padding-right:100px}
section.how-hire-dev .container-fluid .col-md-6.lft,
section.how-hire-dev .container-fluid .portfolio-slider {padding-left:7%}
section.skillsares.hire-skill .col-md-4.no-right-border {border-right:0 !important}
p.hire-skill-dec.text-center {padding-left:20%; padding-right:20%; color:#333; text-align:center; font-size:18px; font-weight:400; line-height:30px; padding-bottom:70px}
.contact-page.hire .slick-dots li.slick-active button{border-radius:50%; border:6px solid #0B6BC0; width:25px; height:25px}
.contact-page.hire .slick-dots li{ margin:0 13px}
.contact-page.hire .slick-dots li button{border-radius:50%; background:rgba(11, 107, 192, 0.09)}
.contact-page.hire .slick-dots li button:before{opacity:0}
section.skillsares .col-md-4 {padding-bottom:37px}
.hire-skill img {padding-bottom:25px}
.hsd {background:#00538a; color:#fff; padding:16px 25px; text-decoration:none; font-size:18px; font-family:"gilmer_mediumregular"; border-radius:5px; transition:all 0.5s ease-in !important}
section.skillsares.hire-skill h5 {line-height:30px; padding-bottom:20px; margin-bottom:0}
section.headerarea.soft{ background:#fff}
/***********************/


.boxAniContainer {display:grid; grid-template-columns:repeat(38, 50px); gap:0px; align-items:center; justify-content:center; animation:boxAnimation 2s infinite; background-color:#ebebeb; width:100%; height:100%; overflow:hidden}
.box { width:50px; height:50px; background-color:#ffffff; transition:border-radius 0.5s ease-in-out;}
@keyframes boxAnimation { 0%, 100% {   --border-radius:16px;}
25% {   --border-radius:8px;}
50%{   --border-radius:4px;}
75%{   --border-radius:2px;}
}


@keyframes boxAnimation_box { 0%{transform:scale(1);}
50%{transform:scale(1.07);}
100%{transform:scale(1);}
}

.new-sec {position:absolute; top:310px; left:0; right:0; display:flex; justify-content:center; align-items:center}
.slide-sect {position:relative; z-index:9999}
.boxAniContainer .box {border-radius:calc(var(--border-radius) + 16px); transition:border-radius 0.5s ease-in-out; animation:boxAnimation_box 2s infinite; }
.boxAniContainer .box:nth-child(-n+18) {--border-radius:calc(1px + (var(--box-index) * 1px)); border-radius:var(--border-radius)}
.boxAniContainer .box:nth-child(n+20) {--border-radius:calc(16px - ((var(--box-index) - 20) * 1px)); border-radius:var(--border-radius)}
.ourexperience .row.experience {width:90%; margin:0 auto}
/******About Us Page Stylling***********/
html, body.aboutpage {
    overflow-x: hidden !important;
}

.hirepage section.headerarea,
.work-with-uspage section.headerarea{ background:transparent}
section.abou-top{padding-top:100px; padding-bottom:80px}
section.abou-top h1{margin-bottom:20px}
section.abou-top p {padding-bottom:60px; width:80%; margin:0 auto; color:#444; line-height:30px}
.about-secnd{position:relative}
.about-secnd h2 {position:absolute; top:7%; z-index:9; width:40%; left:0; right:0; margin:0 auto}
section.about-secnd .container-fluid{padding:0}
.slider.companyhire.aboutpage {padding:20px 0}
section.about-four{padding:162px 0; background:url(../images/talentbg.png); background-repeat:no-repeat; background-size:cover}
.Life.At.Nanosoft section#fun .sticky-top {
    overflow: hidden;
}

.main-life-image img {
    width: 100%;
}
section.about-four h2{margin-bottom:60px}
section.about-four .bg-colorh{border-radius:15px; background:#FFF; box-shadow:0px 4px 24px 0px rgba(0, 0, 0, 0.05); padding:36px; height: 100%;}
section.about-four .bg-colorh img{margin-bottom:14px}
section.about-four .bg-colorh h4{margin-bottom:20px; color:#222222}
section.about-four .bg-colorh p{color:#444; line-height:30px}
section.about-five{padding:100px 0}
section.about-five h2{margin-bottom:51px}
.col.text-center.frs{background:url(../images/three.png); background-repeat:no-repeat; background-size:contain; background-position:center center}
.col.text-center.sec,
.col.text-center.thr,
.col.text-center.fou{background:url(../images/two.png); background-repeat:no-repeat; background-size:contain; background-position:center center}
.col.text-center.fiv{background:url(../images/one.png); background-repeat:no-repeat; background-size:contain; background-position:center center}

.about-five p.upperside{border-radius:5px; background:#0E6FAA; line-height:28px; font-family:"gilmer_boldregular"; padding:7px 30px; margin:auto; width:28%; color:#fff; margin-bottom:50px; position:relative; top:-6%}
.about-five .col img{margin-bottom:21px}
.about-five .col p:last-child{font-family:"gilmer_boldregular"; width:43%; margin:0 auto; line-height:25px; color:#194455; margin-bottom:50px}
.about-five p.upperside.lgtblue{background:#08D9FF}
.about-five .col.text-center{position:relative}
.about-five .col.text-center:not(:last-child):after {content:"----"; position:absolute; right:-8%; top:43%; font-size:27px; color:#0E6FAA}
.col.text-center.fiv p:last-child {width:60%}

section.about-six h2 {width:50%; margin-bottom:20px}
section.about-six p{line-height:30px; color:#333}
section.about-seven {background:#F6FCFF; padding-top:84px; padding-bottom:88px}
section.about-seven h2 {text-transform:capitalize; margin-bottom:20px}
section.about-seven ul li{color:#222; font-family:"gilmer_mediumregular"; font-size:18px; font-style:normal; font-weight:600; line-height:55px}
section.about-seven ul li i{color:#fff; background-color:#00a1db; border-radius:50%; font-size:13px; margin-right:10px; width:20px; height:20px; display:inline-block; vertical-align:middle; padding:4px}

.about-seven a {font-family:"gilmer_boldregular" !important; padding:16px 25px; margin-top:56px; border-radius:5px}
section.about-eight{background:url(../images/remotebg.png); background-repeat:no-repeat; background-position:bottom center; padding-top:100px; padding-bottom:48px}
section.about-eight h1{color:#333; margin-bottom:40px}
.about-eight .remotebg{border-radius:10px; background:#FFF; box-shadow:0px 4px 24px 0px rgba(0, 0, 0, 0.05); padding:27px 34px 39px 34px; height:100%; position:relative; z-index:1; transition:transform 1s}

.about-eight .remotebg:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; transform:scaleY(0); transform-origin:bottom center; background:linear-gradient(94deg, #212d6b 0%, #00a1db 128.68%); z-index:-1; transition:transform 1s; border-radius:10px}
.about-eight .remotebg:hover::after{transform:scaleY(1)}
.about-eight .remotebg:hover{color:#fff}
.about-eight .remotebg:hover p{color:#fff}
.about-eight .remotebg:hover img{filter:brightness(0) invert(1) grayscale(1)}
.about-eight .remotebg img{margin-bottom:14px}
.about-eight .remotebg h6{margin-bottom:20px}
.about-eight .remotebg p{color:#444; font-size:16px; line-height:29px; text-transform:capitalize}
.about-nine{padding-top:118px; padding-bottom:80px}
.about-nine h1{margin-bottom:47px}
.about-nine .slider.contact-page:before{content:" "}
.about-nine .slider.contact-page:after{content:" "}
.about-nine .bottommarea.row {width:60%; margin:0 auto; padding-bottom:100px}
.about-nine .bottommarea.row span.counter{font-family:"gilmer_boldregular"}
.about-nine div.counter{position:relative}
.about-nine .bottommarea.row{position:relative}
.about-nine .bottommarea.row .col-md-3:not(:last-child){border-right:2px dotted #CFCFCF}
.about-nine div.counter:not(:last-child):after {border-right:2px dotted #CFCFCF; position:absolute; visibility:visible; content:" "; right:1px; height:100%; top:0; font-size:0}

/***************************************/



/*Work With Us*/


.bg-zoom-ani {animation:bg-zoom-ani 20s infinite linear; border-radius:20px; background-position:center center; overflow:hidden}
#v-pills-tabContent .tab-toplft img {width:auto}
section.hiresofttopbanner.workwithtop p {color:#0E6FAA; font-size:30px; font-weight:600; line-height:30px}
.workwithtop p {color:#0E6FAA; font-size:30px; font-weight:600; line-height:30px}

section.industrialarea.work-join {padding:0; background-image:url(../images/ready-bg.jpg); background-repeat:no-repeat; background-position:bottom center; /*width:1921px;*/
height:872px; position:relative}
.industries-inner.wrk-withsnd {max-width:90%}
.wrk-withsnd h2{color:#222; font-weight:600; line-height:64px; padding-top:46px}
.wrk-withsnd h2 span{color:#0E6FAA; font-weight:700; line-height:64px;}
.wrk-withsnd p {padding:16px 70px 21px 70px; color:#444; font-size:16px; font-style:normal; line-height:29px; margin:0}
.wrk-withsnd h5 {color:#00538A; /*font-size:24px; font-weight:700; line-height:30px;*/ /* 125% */}
.work-cir h4{color:#222; font-size:17px; font-weight:600; line-height:26px; }
.work-cir p {color:#444; font-size:15px; font-style:normal; font-weight:400; line-height:20px; padding-top:4px; margin:0; padding-bottom:24px}
.industries-item.item2.work-cir{padding:0px 22px;}
.industries-item.item2.work-cir {padding:17px 16px 4px 16px;  top:3px; left:375px; width:200px; height:200px;}

.industries-item.item3.work-cir3 {left:83px; top:23px; width:192px; height:192px}
.work-cir3 h4{color:#222; font-size:17px; font-weight:600; line-height:24px; /* 141.176% */padding-bottom:17px}
.work-cir1 h4{color:#222; font-size:17px; font-weight:600; line-height:24px; /* 141.176% */}

.industries-item.item1.work-cir1{left:-105px; top:-119px; width:174px; height:175px}
.industries-item.item9.work-cir9 {top:25%; left:-15%; height:204px; width:204px}
.work-cir9 h4{color:#222; font-size:17px; font-weight:600; line-height:24px; /* 141.176% */
}
.industries-item.item4.work-cir4 {bottom:220px; left:170px; width:160px; height:160px}
.work-cir4 h4 {color:#222; font-size:17px; font-weight:600; line-height:24px}

.industries-item.item5.work-cir5  {right:380px; top:10px; width:200px; height:200px}
.work-cir5 h4 {color:#222; font-size:17px; font-weight:600; line-height:24px}
.industries-item.item6.work-cir6 {right:-130px; top:-104px; width:172px; height:172px; padding:0 30px}
.work-cir6 h4 {color:#222; font-size:17px; font-weight:600; line-height:24px}
.industries-item.item7.work-cir7 {top:30px; right:55px; width:192px; height:192px}
.work-cir7 h4 {color:#222; font-size:17px; font-weight:600; line-height:24px}
.industries-item.item8.work-cir8 {bottom:216px; right:133px; width:164px; height:164px}
.work-cir8 h4 {color:#222; font-size:17px; font-weight:600; line-height:24px}
.industries-item.item11.work-cir11 {right:-12%; top:28%; height:190px; width:190px}
.work-cir11 h4 {color:#222; font-size:17px; font-weight:600; line-height:24px}


/*Tabs*/
.main-tab-sec {/*width:1056px; height:199px;*/ border-radius:5px; background:#FFF; box-shadow:0px 0px 24px 0px rgba(0, 0, 0, 0.08); margin-bottom:30px}
.tab-toplft {display:flex; align-items:center}
.tab-toplft img {padding:21px 22px 0 20px}
.tab-toplft h6 {padding-top:21px; margin:0; color:#222; /*font-size:22px;*//*    font-weight:700;*/ /*    line-height:30px;*/}
.des p { color:#444; font-size:16px; font-weight:400; line-height:28px}
button.ful-time-btn {border-radius:6px; border:1px solid #0E6FAA; background:#FFF; color:#0E6FAA; font-weight:700; line-height:30px; text-transform:capitalize; font-size:16px; margin-left:50px; padding:5px 27px 5px 27px}
button.apply-now-btn {border-radius:5px; background:#0E6FAA; color:#FFF; font-size:18px; font-weight:700; line-height:normal; border:none; padding:16px 42px 16px 42px; transition:all 0.5s ease-out}
section.job-tabs .nav-link {border-radius:5px; background:#FFF; box-shadow:0px 0px 24px 0px rgba(0, 0, 0, 0.08);  width:489px;     height:55px; margin-bottom:14px}
.navs-tabs img {padding:8px 19px 12px 19px}
section.job-tabs h3 {color:#333; width:470px; padding-bottom:30px; margin:0}
span.count {float:right; padding:7px 16px 11px 16px; color:#222; font-size:18px; font-weight:700; line-height:27.5px}
section.job-tabs a {color:#222; font-size:18px; font-weight:700; line-height:27.5px}
section.job-tabs {padding-top:100px; padding-bottom:70px}
section.slider-container.wwu-bootom h2 {color:#222; font-size:40px; font-weight:700; line-height:52px; text-transform:capitalize; padding-top:57px}
section.slider-container.wwu-bootom p.wn {padding-bottom:43px; color:#444; font-size:20px; font-weight:700; line-height:32px;     text-transform:capitalize}
section.wrk-wth-cta {padding:0 !important}
.futuristic.next-sup {padding-top:113px; padding-bottom:60px}

.des {padding-left:14%}
.tab-toprgt {display:flex; align-items:center; flex-direction:column; padding-top:40px}
.tab-toprgt button.apply-now-btn {margin-top:42px}
.nav-pills .nav-link.active span.count {color:#fff}

$ani-speed:2s; $ani-delay:1s; 

.arrow {opacity:0; position:absolute; left:50%; top:50%; transform-origin:50% 50%; transform:translate3d(-50%, -50%, 0)}
.arrow-first {animation:arrow-movement $ani-speed ease-in-out infinite}
.arrow-second {animation:arrow-movement $ani-speed $ani-delay ease-in-out infinite}
.arrow:before,
.arrow:after {background:#fff; content:''; display:block; height:3px;     position:absolute; top:0; left:0; width:30px}
.arrow:before {transform:rotate(45deg) translateX(-23%); transform-origin:top left}
/*Slider*/
   /* .testimonials-wrap { padding:40px 0;}*/
section.skill-slider {padding:87px 0 100px;}
.heading-section { text-align:center;}
.sub-heading { font-family:'Lato', sans-serif; font-size:12px; display:block; font-weight:600; color:#2e9ca1; text-transform:uppercase; letter-spacing:2px;}
   
section.skill-slider h2 {   width:45%; margin:0 auto; margin-bottom:33px;}
.testimonial-box {display:block; position:relative; padding:37px 33px; background:#fff; /*border:1px solid rgba(0,0,0,.03);*/ border-radius:5px; /*box-shadow:0 0 20px rgba(0, 0, 0, .08);*/}
.user-img {   width:80px; height:80px; border-radius:50%; position:relative; min-width:80px; background-size:100%;}
.carousel-testimonial .item {     padding:0;   background:white;   width:98%;}
.quote { position:absolute; top:-23px; color:#2e9da1; font-size:27px;}
.name { margin-bottom:0; line-height:14px; font-size:17px; font-weight:500;}
.position { color:#adadad; font-size:14px;}
.carousel-testimonial .owl-nav { text-align:center;}
.carousel-testimonial .owl-nav button.owl-next, 
.carousel-testimonial .owl-nav button.owl-prev {   padding:0 12px !important;}
.carousel-testimonial .owl-nav button { outline:none; padding:0;}
.carousel-testimonial .owl-nav button.owl-next span, 
.carousel-testimonial .owl-nav button.owl-prev span { display:block; font-size:40px; width:25px; height:25px; vertical-align:0px; line-height:16px;}
.carousel-testimonial .owl-nav button.owl-next.disabled, 
.carousel-testimonial .owl-nav button.owl-prev.disabled { opacity:0.5;}
section.skill-slider p {font-size:16px; line-height:29px; color:#444; margin-bottom:0;}
section.skill-slider h6 {color:#222; font-weight:700; line-height:32px;}
section.skill-slider .owl-nav span {font-size:40px; width:50px !important; height:50px !important; line-height:47px !important; background:#00538A; border-radius:50px; color:#fff;}

section.futuristic.python img {width:auto}
section.skill-slider {/*    padding:90px 0 45px 0;*/ background:url(../images/python-dev/key-bg.png); background-repeat:no-repeat; background-size:cover}
section.steps-away.pythn.text-center {padding-bottom:110px}

/*Angular Developer*/

section.technical-excellence{background:url(../images/angular/tech-bg.png); background-repeat:no-repeat; background-size:cover; padding:94px 0 130px}
.technical-excellence .col-md-3 {padding:0; background:#CDF0FE; display:flex}
.technical-excellence .col-md-9 {padding:0}
section.technical-excellence h2 {width:35%; margin:0 auto; line-height:52px; color:#222; padding-bottom:50px}
section.technical-excellence p { padding-bottom:40px; text-align: center;}
.react-native h2.text-center {padding-bottom: 10px;}
.tech-left {border-radius:4px 0px 0px 4px; background:#CDF0FE; padding:18px 0 18px 19px; }
section.technical-excellence h6 {color:#00538A; font-size:22px; font-weight:700; line-height:32px; text-transform: capitalize;}

.tech-right {padding:18px 0 18px 30px; background:#fff; border-radius:5px; background:#FFF; box-shadow:0px 0px 24px 0px rgba(0, 0, 0, 0.05); height: 100%; display: flex;justify-content: center;align-items: center;}
ul.nav.tags li {color:#444; font-size:16px; font-weight:600; line-height:40px; padding-right:50px; min-width:20%}
.tags i.fa-solid.fa-check {color:#fff; background-color:#00a1db; border-radius:50%; font-size:13px; margin-right:10px; width:20px; height:20px; display:inline-block; vertical-align:middle; padding:4px}
.frm-wrk {padding-bottom:24px}

.scrollspy-example{height:auto; /*    overflow-y:scroll;*/ }
ul.nav.tags {width:100%}
.tech-right.lib ul.nav.tags li {padding-bottom:18px}
.col-md-3.equal-height-col{background:#CDF0FE}


/*buble*/
.circle-img-left {position:relative; height:100vh; z-index:99999; }
.cir-img1 {position:absolute; left:10%; top:5%}
.cir-img2 {position:absolute; right:0; top:15%}
.cir-img3 {position:absolute; left:30%; display:block; margin:0 auto; right:0; top:30%}
.cir-im4 {position:absolute; right:3%; bottom:20%}
.cir-img5 {position:absolute; bottom:22%}

.dot-one {width:25px; height:25px; background-color:#00538A; border-radius:50px; position:absolute; left:8%; animation:zoom-in-zoom-out 1.5s ease infinite}
.dot-two {width:44px; height:44px; background-color:#00A1DB; border-radius:50px; position:absolute; left:38%; top:130%; animation:zoom-in-zoom-out 1.5s ease infinite}
.dot-three {width:25px; height:25px; background-color:#00A1DB; border-radius:50px; position:absolute; left:-7%; top:163%; animation:zoom-in-zoom-out 1.5s ease infinite}
.top-dot-one {width:12px; height:12px; background:#00A1DB; border-radius:50px; position:absolute; left:45%; top:11%; animation:zoom-in-zoom-out 1.5s ease infinite}
.top-dot-two {width:41px; height:41px; background-color:#00538A; border-radius:50px; position:absolute; left:48%; top:17%; animation:zoom-in-zoom-out 1.5s ease infinite}
.top-dot-three {width:16px; height:16px; background:#00538A; border-radius:50px; position:absolute; right:36%; top:17%; animation:zoom-in-zoom-out 1.5s ease infinite}
.rgt-dot-one {width:26px; height:26px; background:#00538A; border-radius:50px; position:absolute; right:35%; bottom:-3%; animation:zoom-in-zoom-out 1.5s ease infinite}
.rgt-dot-two {width:16px; height:16px; background:#00A1DB; border-radius:50px; position:absolute; left:20%; top:120%; animation:zoom-in-zoom-out 1.5s ease infinite}
.rgt-dot-three {width:29px; height:29px; background:#00A1DB; border-radius:50px; position:absolute; right:20%; top:130%; animation:zoom-in-zoom-out 1.5s ease infinite}
.btm-dot-one {width:25px; height:25px; background:#00538A; border-radius:50px; position:absolute; left:18%; bottom:-10%; animation:zoom-in-zoom-out 1.5s ease infinite}
.btm-dot-two {width:25px; height:25px; background:#00A1DB; border-radius:50px; position:absolute; left:8%; bottom:-37%; animation:zoom-in-zoom-out 1.5s ease infinite}
.btm-dot-three {width:16px; height:16px; background:#00538A; border-radius:50px; position:absolute; left:34%; bottom:-21%; animation:zoom-in-zoom-out 1.5s ease infinite}
/*Our portfolio*/

section.headerarea.or-port{background:url(../images/detailheaderbg.png); padding:0; background-size:cover}
.or-port .job-details {padding-top:114px; padding-bottom:162px}
.portfolio h1 {width:50%; margin:0 auto}

.gallery-por img {width:100%}
section.portfolio-main-sec .col-md-6 {padding:0}
section.portfolio-main-sec {padding:90px 0 120px}
.gallery-por {padding-bottom:35px; padding-left:35px}
button.por-btn {color:#fff; font-size:18px; font-weight:700; border-radius:5px; background:#00538A; padding:16px 49px 16px 49px; border:none; font-family:"gilmer_mediumregular"; position:relative; margin:0 auto; width:auto; display:block; transition:all 0.5s ease-in}
button.por-btn:hover{background:#009cd4}
.op-btn {padding:100px 0 100px 0}
.carousel-testimonial .owl-nav {position:relative; top:33px}
/*.hire-skill .col-md-4:hover {background:linear-gradient(94deg, #212d6b 0%, #00a1db 128.68%)}*/
.hire-skill .col-md-4:hover .borderr img {filter:brightness(30)}
.hire-skill .col-md-4:hover .borderr h5 {color:#fff}
.hire-skill .col-md-4:hover .borderr p{color:#fff}
.tab-position .industries-item:hover {background:linear-gradient(94deg, #212d6b 0%, #00a1db 128.68%)}
.hire-skill .col-md-4{position:relative; z-index:1}
.hire-skill .col-md-4:hover::after {transform:scaleY(1)}
.hire-skill .col-md-4:after{content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; transform:scaleY(0); transform-origin:bottom center; background:linear-gradient(94deg, #212d6b 0%, #00a1db 128.68%); z-index:-1; transition:transform 1s; /*    border-radius:50%;*/}

.tab-position .industries-item:hover img {filter:brightness(0) invert(1) grayscale(1)}
.tab-position .industries-item:hover h4 {color:#fff}
.tab-position .industries-item:hover p {color:#fff}

@keyframes zoom-in-zoom-out {
	0% {transform:scale(1, 1);}
  50% {transform:scale(1.5, 1.5);}
  100% {transform:scale(1, 1);}
}

@keyframes animate {
	0% {transform:scale(0) translateY(0) rotate(70deg);}
  100% {transform:scale(1.3) translateY(-100px) rotate(360deg);}
}

/*Our Clients*/
section.portfolio-main-sec.our-clientsarea {width:75%; margin:0 auto}
section.portfolio-main-sec.our-clientsarea .gallery-por{padding-bottom:27px; padding-left:0}
section.portfolio-main-sec.our-clientsarea{padding-bottom:180px}

/*Skills Slider Bring Table*/
.slider.skills .slide .bg {background:white; width:98%; padding:37px 33px; border-radius:5px}
.singledetail.ios section.skill-slider h2{width:40%}



.football_news_events_wrapper .football_news_events_area {width:48%; position:relative; margin-bottom:35px;display: none;}
.football_news_events_wrapper {display:flex; flex-wrap:wrap; margin-top:40px; justify-content:space-evenly}
button#next-football,
button#less-football{background:#00538A !important;}
button#less-football{display:none;}
button#next-football:hover,
button#less-football:hover{background:#009cd4 !important}
.buttosload{text-align:center; margin-top:120px}
.us-left-icon {position:absolute; left:21%; top:4%; animation:MoveLeftRight 4s infinite linear}
.us-ios-icon {position:absolute; right:0; top:5%; animation:MoveUpDown 5s infinite linear}
.us-anrd-icon {position:absolute; bottom:30%; left:-10%; animation:MoveUpDown 5s infinite linear}
.cir-rht-icon {position:absolute; right:1%; top:37%; animation:MoveUpDown 8s infinite linear}
.cir-swift-icon {position:absolute; bottom:-10%; left:46%; animation:MoveLeftRight 8s infinite linear}

section.buildcompany.hire.wrk-wth-cta p{color:#FFF; font-size:30px; font-weight:600; line-height:62px; }
section.buildcompany.wrk-wth-cta .col-md-6{ display:flex; padding-bottom:0; flex-direction:column; justify-content:center; align-items:stretch}
section.buildcompany.hire.wrk-wth-cta h2 {margin-top:60px}
button.apply-now-btn:hover {background:#009cd4; transition:all 0.5s ease-out}
.tab-toplft p {color:#444; font-size:16px; font-style:normal; /*    font-weight:700;*/ line-height:28px;}
.work-join .industries-item h4{text-transform:uppercase}
.work-join .industries-item{padding:0 20px}


/*Header*/
.navbar-brand {font-size:1.4em}
.navbar-dark .navbar-nav a.nav-link {color:#ffffff; font-size:1.1em}
.dropdown-menu.nano {box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); border:none; border-radius:0; padding:0.7em}

@media only screen and (min-width:992px) {
	.dropdown:hover .dropdown-menu.nano {display:flex;}
.dropdown-menu.nano.show {display:flex;}}
/*.dropdown-menu.nano ul {list-style:none; padding:0}*/
.dropdown-menu.nano li .dropdown-item {/*color:gray; font-size:1em; padding:0.5em 1em;*/
  font-size:16px; color:#444; font-weight:500; line-height:26px; }
.dropdown-menu.nano li .dropdown-item:hover {background-color:#fff; color:#0E6FAA; position:relative;}
.dropdown-menu.nano li .dropdown-item {
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.dropdown-menu.nano li .dropdown-item:hover {
    background-color: #fff;
    color: #0E6FAA;
    transform: translateX(5px); /* Move item to the right by 5px */
}

/*ul.navbar-nav li.nav-item:hover {border-bottom:3px solid #00A1DB}*/
ul.navbar-nav li.nav-item a:before {position: absolute;bottom: 0px;content: '';left: 0;margin: 0 auto;width: 100%;height: 2px;background: #00a1db00;color: #0e6faa00 !important; border-top: none !important;}
ul.navbar-nav li.nav-item a: {position: relative;}
ul.navbar-nav li.nav-item > a:hover:before { background: #00a1db;color: #0e6faa00 !important;}
ul.navbar-nav li.nav-item a {position: relative;}
.dropdown-menu.nano li:first-child a {
 /* font-weight:bold; font-size:1.1em;*/
/*  text-transform:uppercase;*/
/*  color:#516beb;*/
}
.dropdown-menu.nano li:first-child a:hover {background-color:#fff}
@media only screen and (max-width:992px) {
.dropdown-menu.nano.show {flex-wrap:wrap; max-height:350px; overflow-y:scroll;}
}
@media only screen and (min-width:992px) and (max-width:1140px) {
.dropdown:hover .dropdown-menu.nano {width:40vw; flex-wrap:wrap;}
}

.dropdown-menu.nano {width:auto; left:-152%; top:43px; padding:50px 75px 50px; border-radius:10px; background:#FFF; box-shadow:0px 4px 10px 0px rgba(96, 97, 97, 0.15)}
.dropdown-menu.nano ul {list-style:none; padding-right:70px; width:100%}

.dropdown-menu.nano li a {color:gray; padding:0.5em 1em}
.dropdown-menu.nano.withheadings li:first-child a {
 color:#0E6FAA; font-size:18px; font-style:normal; font-weight:600; line-height:26px;   }
@media screen and (min-width:993px) {
.dropdown:hover .dropdown-menu.nano {display:flex;}
.dropdown-menu.nano.show {display:flex;}
}
@media screen and (max-width:992px) {
	.dropdown-menu.nano.show {max-height:60vh; overflow-y:scroll;}
}
a.dropdown-item:hover:before{opacity:1}
a.dropdown-item:before {content:'-  '; position:relative; margin-left:-5px; color:#0E6FAA; opacity:0}
a.dropdown-item:hover {
    color:#0E6FAA}

a.disable {pointer-events:none}
.dropdown-menu.nano.defau {width:auto; left:-18%; top:46px; padding:20px 10px 20px}
.dropdown-menu.nano.defau ul{padding-right:0}
.dropdown-menu.nano.defau li a{padding:0.5em}
.dropdown-menu.nano.defau.one ul {padding-right:50px}
ul.navbar-nav a.nav-link:hover{color:#0e6faa}

.valign-middle{display:flex; align-items:center;}
section.ready-section .inner-wapper {background:url("../images/readybg.png"); background-repeat:no-repeat; background-size:cover; padding:40px 60px;}
section.ready-section .custom-head {font-size:50px; line-height:1.2; color:#fff; margin-bottom:20px;  font-weight:400; font-family:"gilmer_regularregular";}
ul.expectation-bullets{margin-left:15px;}

ul.buletts li {
    display: inline-block;
    color: #FFF;
  text-align: center;
  font-family: "gilmer_mediumregular";
  font-size: 20px;
  font-style: normal;
  line-height: 36px;
  padding: 0 20px;
}
ul.buletts li strong{
  font-family: "gilmer_boldregular";
}
ul.buletts{
  margin-bottom: 50px;
}
ul.buletts li:after {
    content: "|";
    position: relative;
    left: 10%;
    color: #588EC6;
}
ul.buletts li:last-child:after{
  content: " ";
}
section.find_talent.fullkrna .wdtarea p{
  width: 100%;
}

.singledetail .carousel-testimonial.owl-carousel .owl-nav.disabled{
  display: block;
}







/*Life with nanosoft*/


.Life.At.Nanosoft .top-heading{
    width: 50%;
    margin: 0 auto;
  }
  .Life.At.Nanosoft .top-heading{
    text-align: center;
    padding: 83px 0 32px;
  }
  .Life.At.Nanosoft .top-decription {
    width: 82%;
    margin: 0 auto;
    text-align: center;
        padding-bottom: 80px;
  }
  .Life.At.Nanosoft .snd-left {
    width: 70%;
    text-transform: capitalize;
    float: left;
  }
  .Life.At.Nanosoft .right-img {
    padding-top: 100px;
  }
  .Life.At.Nanosoft a.btn-at-nano {
    color: #fff;
    text-decoration: none;
  }
  .Life.At.Nanosoft .btn-life {
    width: 80%;
    height: 60px;
    background-color: #00538A;
    align-items: center;
    display: flex;
    justify-content: center;
/*    margin: 0 auto;*/
    margin-top: 20px;
}
  section#we-act-as {
    padding: 129px 0 142px;
    position: relative;
  }
  .Life.At.Nanosoft p.img-short-dec {
    width: 74%;
    margin: 0 auto;
    text-align: center;
  }
  .Life.At.Nanosoft .img-fluid {
    margin: 0 auto;
    display: block;
  }
  .Life.At.Nanosoft .we-act-as {
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.60);
    box-shadow: 0px 20px 44px 0px rgba(0, 0, 0, 0.02), 0px 80px 80px 0px rgba(0, 0, 0, 0.02), 0px 179px 107px 0px rgba(0, 0, 0, 0.01), 0px 318px 127px 0px rgba(0, 0, 0, 0.00), 0px 497px 139px 0px rgba(0, 0, 0, 0.00);
    width: 79%;
    height: 624px;
    margin-left: 40px;

  }
  section#we-act-as .col-md-6.align-middle {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
  }
  .Life.At.Nanosoft p.we-dec {
    width: 72%;
    text-align: left;
    float: left;
  }
  .Life.At.Nanosoft h1.title-fun {
    width: 50%;
  }
  .Life.At.Nanosoft p.fun-dec {
    width: 70%;
    text-align: left;
    float: left;
  }
  .Life.At.Nanosoft h6.main-dec {
    width: 72%;
    text-align: left;
    float: left;
  }
  .Life.At.Nanosoft h4 {
    font-size: 30px;
    line-height: 45px;
  }

  .Life.At.Nanosoft section#employee-centric {
    padding: 140px 0 130px;
  } 
  .Life.At.Nanosoft section#employee-centric p {
    width: 76%;
    float: left;
  }
  .Life.At.Nanosoft section#gray-img {
    padding: 94px 0;
    background: url(../images/life-at-nano/gray-bg-img.png); 
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
  }
  section#gray-img p.text-center {
    width: 76%;
    margin: 0 auto;
  }
  .Life.At.Nanosoft .row.work_second_slider {
      direction: rtl;
  }
  .Life.At.Nanosoft .row.work_first_slider {
    padding: 50px 0 40px;
  }
  .Life.At.Nanosoft p.rate-dec {
    width: 80%;
    text-transform: capitalize;
    margin: 0;
    color: #444;
    font-size: 20px;
    line-height: 35px;
  }
  .Life.At.Nanosoft .rate {
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.60);
    box-shadow: 0px 20px 44px 0px rgba(0, 0, 0, 0.05), 0px 80px 80px 0px rgba(0, 0, 0, 0.02), 0px 179px 107px 0px rgba(0, 0, 0, 0.01), 0px 318px 127px 0px rgba(0, 0, 0, 0.01), 0px 497px 139px 0px rgba(0, 0, 0, 0.00);
    padding: 35px 0 65px 35px;
    height: 323px;
    text-align: left;
  }
  .Life.At.Nanosoft section#employee {
    padding: 80px 0 90px;
  }
  .Life.At.Nanosoft h2.text-center.emp-main {
    padding-bottom: 50px;
  }
  .Life.At.Nanosoft section#feel-apre {
    padding: 90px 0;
    background: url(../images/life-at-nano/key-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 9999;
  }
  .Life.At.Nanosoft section#fun {
    padding-bottom:90px;
  }
  .Life.At.Nanosoft p.feel-dec {
    width: 65%;
    margin: 0 auto;
  }
  .Life.At.Nanosoft h2.feel-title {
    width: 40%;
    margin: 0 auto;
    padding-bottom: 30px;
  }
  .Life.At.Nanosoft img.icon-slider {
    width: auto;
    margin: 0 auto;
  }
  #employee .rate h2{
    color: #0B6BC0;
    margin-bottom: 0;
  }

  .message-area input[type="radio"] {
    padding: 0 !important;
    position: relative;
    top: 4px;
  }
.singledetail.aws .carousel-testimonial .item {
    height: 37vh;
}
.singledetail.c .carousel-testimonial .item{
  height: 30vh;
}
.singledetail.react .carousel-testimonial .item {
    height: 33vh;
}
.singledetail.flutter .carousel-testimonial .item {
    height: 52vh;
}


#lifeatnanosoft p{
  color: #444;
  line-height: 30px;
}
#gray-img p.lst-text,
.Life.At.Nanosoft section#employee-centric p.dec-bold{
  font-family:"gilmer_mediumregular";
  font-size: 23px;
  font-style: normal;
  line-height: 36px;
  color: #333;
}
.Life.At.Nanosoft section#employee-centric p.dec-bold span.left-comma{
    margin-left: -4px;
    padding-right: 10px;
}

.Life.At.Nanosoft section#employee-centric p.dec-bold span.frsthai{
    display: inline-block;
    position: absolute;
    left: 4.5%;
}

.Life.At.Nanosoft #fun h6.main-dec span.frsthai{
    display: inline-block;
    position: absolute;
    left: -2.5%;
}
#fun .top-padhai {
    padding-top: 70px;
}




body.singledetail .modal-dialog {
  margin: 0;
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  max-width: 50%;
}
body.singledetail .modal-content {
  height: 100%;
}
body.singledetail .step {
  display: none;
}
body.singledetail .step.active {
  display: block;
}

#exampleModal .ellipse.light.blue,
#exampleModal .ellipse.dark.blue{
  z-index: 999;
}

#exampleModal .modal-content{
  background-image: url('../images/modalbg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}


.modal.right.show .modal-dialog {
  transform: translate3d(0, 0, 0);
}
#exampleModal {
    overflow-y: hidden;
}
.modal.right .modal-dialog {
  transform: translate3d(100%, 0, 0);
  transition: transform 0.8s ease-in-out;
}


.imageOption {
  display: inline-block;
  margin-right: 20px; /* Adjust spacing between items */
}

.imageOption img {
  border: 2px solid transparent; /* Initial border */
  cursor: pointer;
}

.imageOption img.active {
  border-radius: 10px;
  border: 1px solid #48A4DB;
  background: linear-gradient(106deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.50) 100%);
  box-shadow: 2px 2px 24px 0px rgba(0, 83, 138, 0.30);
  backdrop-filter: blur(5px);
}


.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: '\00d7';
}




.modal-body h3.step-heading{
  color: #333;
  text-align: center;
  font-size: 40px;  
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  font-family:"gilmer_boldregular";
  margin-bottom: 30px;
}

.modal-body span.progress-value{
  color: #666;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-family:"gilmer_mediumregular";
}
.modal-body .progress-valuepar {
    text-align: center;
    margin-bottom: 50px;
}

button.btn.btn-primary.darkblue{
background: #00538a;
border-radius: 5px;
font-size: 18px; 
transition: all 0.5s ease-out;
font-family: "gilmer_boldregular" !important;
padding: 16px 26px;
text-transform: uppercase;
margin-top: 22px;
}

.job-details .col-md-6 img{
  float: right;
}

div#exampleModal .container {
    padding-left: 12%;
    padding-right: 12%;
}

div#exampleModal .progress-bar{
  background: linear-gradient(94deg, #212D6B 0%, #00A1DB 128.68%);
  box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.25) inset;
}

p.main-haipara{
  color: #333;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  padding-bottom: 20px;
}

p.main-haipara span{
  color: #00538A;
  font-family:"gilmer_mediumregular";
}

#stepForm label.imageOption input {
    visibility: hidden;
}

div#imageSelection {
    text-align: center;
}

div#imageSelection img{
  margin-bottom: 30px;
}

#stepForm button.btn.btn-primary.darkblue{
  background: linear-gradient(94deg, #212D6B 0%, #00A1DB 128.68%);
  text-transform: capitalize;
  padding: 18px 78px;
  font-size: 18px; 
}

#stepForm .d-flex.gap-2 {
    align-items: center;
    text-align: center;
    justify-content: center;
}

#stepForm button.btn.btn-secondary{
  border-radius: 5px;
  border: 1px solid #666;
  font-size: 18px; 
  transition: all 0.5s ease-out;
  padding: 18px 78px;
  margin-top: 22px;
  background: transparent;
  color: #777;
  font-family:"gilmer_mediumregular";
}

#stepForm .form-control {
  border-radius: 4px;
  border: 1px solid #48A4DB;
  background: linear-gradient(106deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.25) 100%);
  backdrop-filter: blur(5.25px);
  padding: 18px 20px;
}

.iti {
    display: block !important;
}

.iti__country-list {
    font-size: 16px;
}

#step4 p{
  color: #333;
  font-size: 19px;
}

#stepForm .form-control:focus{
  box-shadow: 0 0 0 !important
}


#stepForm ul.skillslist li {
    display: inline-block;
    border: 1px solid #666;;
    border-radius: 25px;
    padding: 7px 12px;
    margin-right: 12px;
    margin-bottom: 12px;
    color: #333;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

div#popularSkills{
  margin-top: 50px;
}

div#step1 input{
  width: 100%;
  border-radius: 4px;
  border: 1px solid #48A4DB;
  background: linear-gradient(106deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.25) 100%);
  backdrop-filter: blur(5.25px);
  padding: 18px 20px;
}

div#step5 img {
    margin: 0 auto;
    display: block;
    margin-bottom: 45px;
}


.jobdetailpage section.headerarea {
    background: url(../images/job-detailbg.png);
    padding: 0;
    background-size: cover;
}






.custom-radio input.radio:checked~label:before, .custom-radio input.radio:hover:not(:checked)~label:before{
  background-color: #222;
    color: #fff
}

.checkbox label:before, .custom-radio input.radio:empty~label:before{
  position: relative;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-indent: .6em;
    font-size: 16px;
    color: #000;
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 20px;
}


.checkbox input:checked label:before, 
.custom-radio .radio:checked:empty~label:before,
.checkbox input:checked+label:before{
  color: #fff;
  border: 1px solid #00538A;
}


.custom-radio .yes input.radio~label:before {
    content: '\2714';
}

.custom-radio .no input.radio~label:before {
    content: '\2715';
}

.custom-radio .radio:checked + label,
.checkbox input:checked+label:before {
  background-color: #00538A;
  border-radius: 20px;
}

.custom-radio input.radio~label{
  font-size: 0 !important;
}

.custom-radio input.radio{
  width: 0;
}

.detailform label.form-label {
    font-size: 15px;
}
.detailform div#fileName {
    font-size: 13px;
}

.custom-radio {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    border-bottom: none !important;
}

.checkbox label:before {
    content: '\2714';
    display: inline-block;
    margin-right: 15px;
    min-width: 2em;
}

.des ul.jobdett li {
    list-style: disc;
    padding-bottom: 10px;
}
.des a {
    text-decoration: none;
}


.bgcolorpare {
    border-radius: 20px;
    background: #F0F5F8;
    padding: 30px;
    margin-bottom: 30px;
}
.bgcolorpare.firsttop {
    margin-top: 100px;
}
.bgcolorpare h4{
  margin-bottom: 30px;
}
.bgcolorpare .form-group {
    margin-bottom: 30px;
}
.bgcolorpare .form-group input,
.bgcolorpare .form-group select,
.bgcolorpare .form-group textarea{
  padding: 13px 20px;
  color: #666;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}


.areasofintrest .form-field{position: relative;}
.areasofintrest .checkbox label{display: flex; align-items: baseline; padding-left: 40px;}
.areasofintrest .checkbox label span{display: inline-block;}
.areasofintrest .checkbox label:before{}

.bgcolorpare.areasofintrest .input-group .form-field{
  flex: 0 1 23%;
}

.bgcolorpare.areasofintrest .form-field.checkbox input {
    width: 0 !important;
}

.bgcolorpare.areasofintrest .form-field.checkbox span {
   font-size: 16px;
   color: #333;
}

.bgcolorpare.areasofintrest .form-field.checkbox {
    margin-bottom: 30px;
}


p.policcyy,
.termcinfi label {
    font-size: 16px;
    line-height: 30px;
    color: #666;
}

.form-control:focus,
select:focus{
  border-color:transparent !important;
  box-shadow:0 0 0 0 !important;
}

input#detailformsubmit{
  background: linear-gradient(94deg, #212D6B 0%, #00A1DB 128.68%);
  transition: all 0.5s ease-out;
  font-size: 18px;
  border-radius: 5px;
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-family:"gilmer_boldregular";
  display: inline-block;
    text-align: left;
    width: auto;
    padding: 16px 68px;
    border: 0;
    margin-top: 10px;
}

section.detailform {
    margin-bottom: 80px;
}





/*.singledetail.ios .carousel-testimonial .item,
.singledetail.ruby .carousel-testimonial .item{
  height:33vh;
}

.singledetail.nodejs .carousel-testimonial .item {
  height:31vh;
}

.singledetail.golang .carousel-testimonial .item,
.singledetail.angular .carousel-testimonial .item{
  height:27vh;
}

.singledetail .carousel-testimonial .item{
  height: 28vh;
}

.singledetail.aws .carousel-testimonial .item {
    height: 37vh;
}

.singledetail.c .carousel-testimonial .item{
  height: 30vh;
}

.singledetail.react .carousel-testimonial .item {
    height: 33vh;
}

.singledetail.flutter .carousel-testimonial .item {
    height: 52vh;
}*/



.singledetail.ios .carousel-testimonial .item,
.singledetail.ruby .carousel-testimonial .item{
  height:auto;
}

.singledetail.nodejs .carousel-testimonial .item {
  height:auto;
}

.singledetail.golang .carousel-testimonial .item,
.singledetail.angular .carousel-testimonial .item{
  height:auto;
}

.singledetail .carousel-testimonial .item{
  height: auto !important;
}

.singledetail.aws .carousel-testimonial .item {
    height:auto;
}

.singledetail.c .carousel-testimonial .item{
  height:auto;
}

.singledetail.react .carousel-testimonial .item {
    height:auto;
}

.singledetail.flutter .carousel-testimonial .item {
    height:auto;
}


section#feel-apre .slide:nth-child(2n) {
    transform: rotate(10deg);
}

section#feel-apre .slide:nth-child(2n+1) {
    transform: rotate(-10deg);
}

.addMoreFieldRow, .remMoreFieldRow{position: relative;}
.actionIcon{position: absolute; right: 5px; left: auto; width: auto; top: 13px; cursor: pointer; font-size: 70%; text-decoration: none;}
.actionIcon .icon{color: #fff; border-radius: 50%; width: 28px; line-height: 28px; text-align: center; vertical-align: middle; padding-top: 1px;
  padding-left: 1px;}
#add-more .icon{background-color: mediumseagreen; }
.remove-row .icon{background-color:#d51111;}

section.multiple_tech, section.steps-away, section.hire_remote,  section.trusted, .industrialarea, section.happy_customers, .find_talent, .footer-area, section.topbanner, section.obj, .footer-area {
    overflow-x: hidden !important;
    width: 100%;
}

#stepForm ul.skillslist li a {color: #333;text-decoration: none;}
#stepForm span.tag.label.label-info{display: inline-block;}
#stepForm span.tag.label.label-info span{cursor: pointer;color: red;}
.sing-img {display: none;}


@media only screen and (max-width: 767px) {
.singledetail .job-head {padding: 0px 10px;} 
.singledetail .job-head h1 {font-size: 22px;line-height: 32px;}   
.singledetail .job-head p {font-size: 15px;}  
.singledetail button.btn.btn-primary.darkblue {margin-top: 10px;}
.singledetail section.steps-away {padding-top: 40px;}
.singledetail section.steps-away .imagesection {display: flex;justify-content: center;}
.singledetail section.steps-away p {line-height: 25px;font-size: 15px;}
.singledetail section.steps-away h2 {padding-bottom: 10px;}
.singledetail section.steps-away.pythn.text-center {padding-bottom: 90px;}
.singledetail section.futuristic p {line-height: 25px;padding-bottom: 0;font-size: 15px;}
.singledetail section.skill-slider h2 {width: auto;margin-bottom: 20px;}
.singledetail section.skill-slider {padding: 40px 0 60px;}
.singledetail .testimonial-box {padding: 30px 15px;}
.singledetail section.expectation-section {padding-top: 50px;}
.singledetail section.faq {padding-top: 50px;padding-bottom: 50px;}
.singledetail section.faq .accordion-button {font-size: 16px;line-height: 26px;padding-top: 15px;padding-bottom: 15px;}
.singledetail section.faq .accordion-body {padding-bottom: 20px;padding-left: 10px;}
.singledetail section.faq .accordion-button {padding-left: 10px;padding-right: 10px;}
.singledetail .footer-area {padding-top: 50px;}
.singledetail section.futuristic p, section.futuristic h2 {text-align: center; }
.sing-img {width: 100% !important; height: auto !important; display: block; margin-bottom: 40px;}
.singledetail .sticky-top .bg-gr {display: none;}
.futuristic .sticky-top .sing-img img {width: 100%;}
.singledetail section.technical-excellence h2 {width: auto;line-height: 30px;}
.singledetail section.technical-excellence {padding: 34px 0 80px;}


}

/* Chrome, Safari, Edge, Opera */
#stepForm #phone::-webkit-outer-spin-button,
#stepForm #phone::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#stepForm #phone[type=number] {
  -moz-appearance: textfield;
}

section.buildcompany {
    margin-top: 100px;
}


/* For iOS devices */
@media only screen and (max-device-width: 1024px) and (orientation: portrait),
       only screen and (max-device-width: 1366px) and (orientation: landscape) {
    #datepicker {
        position: relative;
    }

    input[type="date"]:before {
        color: #666;
        content: attr(placeholder);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    input[type="date"].full:before {
        color: #666;
        content: "" !important;
    }
}