# General --------------------------------------------------------------*/
 body {
     font-family: 'Open Sans', sans-serif; color: #444444;
}
 a {
     text-decoration: none; color: #0880e8;
}
 a:hover {
     color: #00be5d;  text-decoration: none;
}
 h1, h2, h3, h4, h5, h6 {
}
/*-------------------------------------------------------------- # Back to top button --------------------------------------------------------------*/
 .back-to-top {
     position: fixed;  visibility: hidden;  opacity: 0;  right: 15px;   bottom: 15px;  z-index: 996;  background: #0880e8;  width: 40px;  height: 40px;  border-radius: 50px;   transition: all 0.4s;
}
 .back-to-top i {
     font-size: 28px;  color: #fff;  line-height: 0;
}
 .back-to-top:hover {
     background: #2194f7;  color: #fff;
}
 .back-to-top.active {
     visibility: visible;  opacity: 1;
}
/*-------------------------------------------------------------- # Preloader --------------------------------------------------------------*/

/*-------------------------------------------------------------- # Disable aos animation delay on mobile devices --------------------------------------------------------------*/
 @media screen and (max-width: 768px) {
     [data-aos-delay] {
         transition-delay: 0 !important;
    }
}
/*-------------------------------------------------------------- # Top Bar --------------------------------------------------------------*/
 #topbar {
     height: 60px;  padding: 0;  font-size: 14px;  transition: all 0.5s;  overflow: hidden;  color: rgba(255, 255, 255, 0.8);  z-index: 996;
}
 #topbar.topbar-scrolled {
     top: -60px;
}
 #topbar .contact-info a {
     line-height: 0;  color: rgba(255, 255, 255, 0.8); transition: 0.3s;
}
 #topbar .contact-info a:hover {
     text-decoration: underline;
}
 #topbar .contact-info i {
     color: #f6b024;  line-height: 0;  margin-right: 5px;
}
 #topbar .contact-info .phone-icon {
     margin-left: 15px;
}
 #topbar .cta {
     background: transparent;
}
/*-------------------------------------------------------------- # Header --------------------------------------------------------------*/
 #header {
     background: #f1f8fc; transition: all 0.5s; z-index: 997; height: auto;  top: 0; padding: 15px 50px; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);  position: relative;
}
 #header.header-scrolled {
     background: #f1f8fc;  top: 0;
}
 #header .logo {
     font-size: 30px; margin: 0; padding: 0;  line-height: 1; font-weight: 400;  letter-spacing: 2px; text-transform: uppercase; max-width: 220px;
}
 #header .logo a {
     color: #fff;
}
 #header .logo img {
     max-height: 60px;
}
 .header-inner-pages {
     background: rgba(5, 87, 158, 0.9) !important;
}
 .topbar-inner-pages {
     background: rgba(6, 98, 178, 0.9) !important;
}
/*-------------------------------------------------------------- # Navigation Menu --------------------------------------------------------------*/
/** * Desktop Navigation */
 .navbar {
     padding: 0;  position: unset;
}
 .navbar ul {
     margin: 0;  padding: 0; display: flex; list-style: none; align-items: center;
}
 .navbar li {
     position: relative;
}
 .navbar>ul>li {
     position: static; padding: 10px 0 10px 18px;
}
 .navbar a, .navbar a:focus {
     display: flex;  align-items: center;  justify-content: space-between; padding: 0 3px; font-size: 15px; font-weight: 600; color: #222222; white-space: nowrap;  transition: 0.3s; position: relative; letter-spacing: 0.5px;  text-transform: uppercase;
}
 .navbar a i, .navbar a:focus i {
     font-size: 12px; line-height: 0; margin-left: 5px;
}

 .navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a {
     color: #188ee8;
}
 .navbar .dropdown ul {
}
 .navbar .dropdown ul.sub-menu-out {
     border-top: 3px solid #2371d6; height: auto; display: block; position: absolute; right: 0; top: calc(100% + 30px); margin: 0; padding: 0px 0; z-index: 99; opacity: 0; visibility: hidden;
     background: #fff;
     box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
     transition: 0.3s;
     border-radius: 0;
     width: 100%;
     align-items: start;
}
 .navbar .dropdown ul.sub-menu-out .sub-menu-div {
     position: relative;
     display: flex;
}
 .navbar .dropdown ul.sub-menu-out .sub-menu-div .left-services-details {
     max-width: 310px;
     flex: 0 0 310px;
     margin: 0px;
     padding: 15px;
     background-image: linear-gradient(to bottom, #2371d5, #063675);
     height: 100%;
     position: absolute;
     z-index: 1;
}
 .navbar .dropdown ul.sub-menu-out .sub-menu-div .left-services-details h4 {
     color: #ffffff;
     font-size: 20px;
     padding: 0px 0px 20px 0px;
     font-weight: 600;
     margin: 0px;
     position: relative;
}
 .navbar .dropdown ul.sub-menu-out .sub-menu-div .left-services-details h4::before {
     content: '';
     width: 50px;
     height: 3px;
     background: #00a652;
     position: absolute;
     bottom: 5px;
}
 .navbar .dropdown ul li {

}
 .navbar .dropdown ul a {
     padding: 10px 20px;
     font-size: 14px;
     font-weight: 500;
     text-transform: none;
     color: #032e54;
}
 .navbar .dropdown ul a i {
     font-size: 12px;
}
 .navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover>a {
     color: #0880e8;
}
 .navbar .dropdown:hover>ul {
     opacity: 1;
     top: 100%;
     visibility: visible;
}
 .navbar .dropdown .dropdown ul {
     top: 0;
     left: calc(100% - 30px);
     visibility: hidden;
}
 .navbar .dropdown .dropdown:hover>ul {
     opacity: 1;
     top: 0;
     left: 100%;
     visibility: visible;
}
 .navbar li.connect_btn {

}
 .navbar li.connect_btn a.scrollto {
     color: #fff; background: #063777; padding: 10px 24px 10px 24px; display: inline-block; transition: 0.3s; border-radius: 5px; font-weight: 600; text-transform: uppercase; font-size: 16px; letter-spacing: 1.5px;
}
 .navbar li.connect_btn a.scrollto:hover {
     background: #f1a40a;
}
 @media (max-width: 1366px) {
     .navbar .dropdown .dropdown ul {
         left: -90%;
    }
     .navbar .dropdown .dropdown:hover>ul {
         left: -100%;
    }
}
 .mobile-nav-toggle {
     color: #fff; font-size: 28px; cursor: pointer; display: none; line-height: 0;  transition: 0.5s;
}
 .mobile-nav-toggle.bi-x {
     color: #f6b024;
}
/*-------------------------------------------------------------- # Hero Section --------------------------------------------------------------*/
 #hero {
     width: 100%;
     height: auto;
     overflow: hidden;
     position: relative;
     background: url("../img/hero-bg.jpg") top center;
     background-size: cover;
     position: relative;
    /* margin-bottom: -90px;
    */
     z-index: 99;
     transition: 0.3s;
     padding: 30px 0px;
}
 #hero .container-fluid {
     padding: 0px 60px;
}
 #hero .carousel {
     position: relative;
}
#hero .carousel.home-pb .carousel-container{
	padding-bottom: 40px;
}

 #hero .carousel-container {
     text-align: left;
     bottom: 0;
     top: 0;
     left: 0;
     right: 0;
}
 #hero h3 {
     color: #027a3d;
     margin-bottom: 10px;
     font-size: 22px;
     font-weight: 600;
     text-transform: none;
	 letter-spacing: .1px;
}

 #hero h2 {
     color: #053573;
     margin-bottom: 10px;
     font-size: 74px;
     font-weight: 800;
     text-transform: uppercase;
	 position: relative;
}
 #hero h2 span{
	 padding-left: 80px;
	 position: relative;
}
#hero h2 span::before {
	position: absolute;
	height: 4px;
	width: 65px;
	background: #ffac00;
	left: 0;
	content: '';
	top: 50px;
}
#hero p {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
	margin: 0 auto 10px auto;
	color: #222222;
	font-size: 24px;
	line-height: 40px;
	font-weight: 600;
/*letter-spacing: .1px;*/
}
 #hero .div-small-details{
	 -webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
	margin: 0 auto 30px auto;
	color: #222222;
	font-size: 16px;
	line-height: 30px;
	font-weight: 500;
}
 #hero .carousel-control-prev, #hero .carousel-control-next {
     width: 10%;
}
 #hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {
     background: none;
     font-size: 48px;
     line-height: 1;
     width: auto;
     height: auto;
}
 #hero .btn-get-started {
     font-weight: 600;
     font-size: 22px;
     letter-spacing: 1px;
     display: inline-block;
     padding: 15px 26px;
     border-radius: 5px;
     transition: 0.5s;
     line-height: 1;
     margin: 0px 10px 0px 0px;
     color: #fff;
     -webkit-animation-delay: 0.8s;
     animation-delay: 0.8s;
     background-color: #063777;
     text-transform: uppercase;
}
 #hero .btn-get-started:hover {
     background: #ffac00;
     color: #053573;
     text-decoration: none;
}
 #hero .btn-get-started.yellow {
     background: #ffac00;
     color: #053573;
     text-decoration: none;
}
 #hero .btn-get-started.yellow:hover {
     background: #063777;
     color: #fff;
     text-decoration: none;
}
 #hero .animated {
     animation: up-down 2s ease-in-out infinite alternate-reverse both;
}
.carousel-indicators {
	position: absolute;
	right: 0;
	bottom: 20px;
	left: 10px;
	z-index: 2;
	display: flex;
	justify-content: normal;
	padding: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	list-style: none;
	width: auto;
	text-align: left;
	/* padding-left: 20px; */
}
 #hero .carousel-indicators li {
     cursor: pointer;
     background: #063777;
     overflow: hidden;
     border: 0;
     width: 12px;
     height: 12px;
     border-radius: 50px;
     opacity: 1;
     transition: 0.3s;
     margin: 0px 5px;
}
 #hero .carousel-indicators li.active {
     opacity: 1;
     background: #ffab00;
}

 @-webkit-keyframes up-down {
     0% {
         transform: translateY(10px);
    }
     100% {
         transform: translateY(-10px);
    }
}
 @keyframes up-down {
     0% {
         transform: translateY(10px);
    }
     100% {
         transform: translateY(-10px);
    }
}
/*-------------------------------------------------------------- # Sections General --------------------------------------------------------------*/
 section {
     padding: 60px 0;
     overflow: hidden;
}
 .section-bg {
     background-color: #f1f8fc;
}
 .section-title {
     text-align: center;
     padding-bottom: 30px;
}
 .section-title h2 {
     font-size: 38px;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 20px;
     padding-bottom: 0;
     color: #053674;
}
 .section-title span {
     color: #222222;
     padding: 8px 0px;
     border-bottom: 1px solid #a8a8a8;
     border-top: 1px solid #a8a8a8;
     font-size: 16px;
     font-weight: 400;
     display: inline-block;
}
 .section-title span.white {
     border-bottom: 1px solid #6996d2;
     border-top: 1px solid #6996d2;
     color: #fff;
}
 .section-blue-bg {
     width: auto;
     height: auto;
     margin: 0px;
     padding: 0px;
}
 .section_blue_bg_row {
     position: relative;
     background-image: linear-gradient(to bottom, #2371d5, #063675);
    /* padding: 60px 0px;
    */
     height: auto;
     overflow: hidden;
}
 .section_blue_img {
     position: absolute;
     height: 100%;
     width: 100%;
     background: url(../img/feedback-bg.png) no-repeat;
     top: 0;
     background-size: 100%;
     background-position: 50% bottom;
}
 .section_blue_bg_row p {
     color: #fff;
}
 .section-title h1 {
     font-size: 44px;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 20px;
     padding-bottom: 0;
     color: #053674;
}
 .section-title p {
     margin-bottom: 0;
     font-size: 15px;
     line-height: 32px;
     color: #212121;
     font-weight: 500;
}
 p {
     margin-top: 0;
     margin-bottom: 1rem;
     color: #212121;
     font-size: 18px;
     line-height: 38px;
     font-weight: 400;
}
 p strong {
     font-weight: 600;
}
 p a {
     font-weight: 600;
     color: #212121;
}
 .btn-get-started {
     font-weight: 600;
     font-size: 20px;
     display: inline-block;
     padding: 15px 26px;
     border-radius: 5px;
     transition: 0.5s;
     line-height: 1;
     margin: 0px 10px 0px 0px;
     color: #063777;
     -webkit-animation-delay: 0.8s;
     animation-delay: 0.8s;
     background-color: #ffac00;
     width: auto;
     margin: 0px auto;
}
 .text-red {
     color: #a6120d;
}
 .text-yellow {
     color: #ffac00;
}
.text-j{
	text-align: justify;
}
/*-------------------------------------------------------------- # Icon Boxes --------------------------------------------------------------*/
 .our_exemplary_services {
     position: relative;
     z-index: 100;
     background-image: linear-gradient(to bottom, #2371d5, #063675);
}
 .our_exemplary_services h2 {
     color: #fff !important;
}
 .our_exemplary_services .section-title span {
     border-bottom: 1px solid #6996d2;
     border-top: 1px solid #6996d2;
     color: #fff;
}
 .our_exemplary_services .icon-box {
     padding: 30px 10px 0;
     position: relative;
     overflow: hidden;
     transition: all 0.3s ease-in-out;
     border-radius: 10px;
     text-align: center;
}
 .our_exemplary_services .icon i {
     font-size: 36px;
     line-height: 1;
     color: #f6b024;
}
 .our_exemplary_services .title {
     font-weight: 600;
     margin-bottom: 12px;
     font-size: 20px;
     color: #ffac00;
}
 .our_exemplary_services .title a {
     color: #ffac00;
}
 .our_exemplary_services .description {
     font-size: 16px;
     line-height: 28px;
     margin-bottom: 0;
     color: #ffffff;
     text-align: center;
}
 .our_exemplary_services .icon {
     margin: 0 auto 20px auto;
     display: inline-block;
     text-align: center;
     background: url(../img/sprite-new.png) no-repeat;
     height: 59px;
     width: 59px;
}
 .our_exemplary_services .icon.web_technology {
     background-position: 0 0;
}
 .our_exemplary_services .icon.mobile_technology {
     background-position: -59px 0;
}
 .our_exemplary_services .icon.enterprise_solutions {
     background-position: -118px 0;
}
 .our_exemplary_services .icon.cad_services {
     background-position: -178px 0;
}
/*-------------------------------------------------------------- # Welcome --------------------------------------------------------------*/
 .welcome {
     padding: 80px 0;
     position: relative;
}
 .welcome::before, .welcome::after {
     content: '';
     height: 240px;
     width: 240px;
     position: absolute;
     background-size: 240px 240px !important;
}
 .welcome::before {
     content: '';
     background: url(../img/topright.webp);
     right: 0;
     top: 0;
}
 .welcome::after {
     content: '';
     background: url(../img/bottomleft.webp);
     left: 0;
     bottom: 0;
}
 .welcome .container {
     position: relative;
     z-index: 100;
}
 .welcome .content h3 {
     font-weight: 600;
     font-size: 26px;
}
 .content ul {
     list-style: none;
     padding: 0;
}
 .content ul li {
     padding-left: 28px;
     position: relative;
	 line-height: 28px;
	 font-weight: 400;
}
 .content ul li+li {
     margin-top: 10px;
}
 .content ul i {
     position: absolute;
     left: 0;
     top: 4px;
     font-size: 20px;
     color: #0880e8;
     line-height: 1;
}
 .welcome .content p:last-child {
     margin-bottom: 0;
}
 .welcome .content .btn-learn-more {
     font-family: "Raleway", sans-serif;
     font-weight: 600;
     font-size: 14px;
     letter-spacing: 1px;
     display: inline-block;
     padding: 12px 32px;
     border-radius: 5px;
     transition: 0.3s;
     line-height: 1;
     color: #0880e8;
     -webkit-animation-delay: 0.8s;
     animation-delay: 0.8s;
     margin-top: 6px;
     border: 2px solid #0880e8;
}
 .welcome .content .btn-learn-more:hover {
     background: #0880e8;
     color: #fff;
     text-decoration: none;
}
 @media (max-width: 992px) {
     .welcome {
         padding: 60px 0;
    }
}
/*-------------------------------------------------------------- # About Us --------------------------------------------------------------*/
 .about {
     padding: 50px 0;
     position: relative;
}
 .introarea::before, .introarea::after {
     content: '';
     height: 326px;
     width: 335px;
     position: absolute;
     background-size: 335px 326px;
}
 .introarea::before {
     content: '';
     background: url(../img/topright.webp);
     right: 0;
     top: 0;
}
 .introarea::after {
     content: '';
     background: url(../img/bottomleft.webp);
     left: 0;
     bottom: 0;
}
 .about .container {
     position: relative;
}
 .about .content h3 {
     font-weight: 600;
     font-size: 26px;
}
 .about .content ul {
     list-style: none;
     padding: 0;
}
 .about .content ul li {
     padding-left: 28px;
     position: relative;
}
 .about .content ul li+li {
     margin-top: 10px;
}
 .about .content ul i {
     position: absolute;
     left: 0;
     top: 2px;
     font-size: 20px;
     color: #0880e8;
     line-height: 1;
}
 .about .content p:last-child {
     margin-bottom: 0;
}
 .about .content .btn-learn-more {
     font-family: "Raleway", sans-serif;
     font-weight: 600;
     font-size: 14px;
     letter-spacing: 1px;
     display: inline-block;
     padding: 12px 32px;
     border-radius: 5px;
     transition: 0.3s;
     line-height: 1;
     color: #0880e8;
     -webkit-animation-delay: 0.8s;
     animation-delay: 0.8s;
     margin-top: 6px;
     border: 2px solid #0880e8;
}
 .about .content .btn-learn-more:hover {
     background: #0880e8;
     color: #fff;
     text-decoration: none;
}
 @media (max-width: 992px) {
     .about {
         padding: 60px 0;
    }
}
/*-------------------------------------------------------------- # Why Us --------------------------------------------------------------*/
 .why-us {
     background: #f1f8ff;
     padding: 0;
}
 .why-us .content {
     padding: 60px 100px 0 100px;
}
 .why-us .content h3 {
     font-weight: 400;
     font-size: 34px;
}
 .why-us .content h4 {
     font-size: 20px;
     font-weight: 700;
     margin-top: 5px;
}
 .why-us .content p {
     font-size: 15px;
     color: #848484;
}
 .why-us .why_out {
     background: url(../img/our-project.jpg) left top/cover no-repeat;
     color: #c0c1c3;
     padding-top: 35px;
     text-align: center;
}
 .why-us .why_out h3 {
     font-size: 42px;
     font-weight: 700;
     color: #fff;
     margin: 0px 0px 18px 0px;
     padding: 0px;
}
 .why-us .why_out p {
     color: #ffffff;
     font-size: 14px;
     line-height: 26px;
     font-weight: 500;
     text-align: center;
}
/*-------------------------------------------------------------- # Counts --------------------------------------------------------------*/
 .counts-out {
     padding: 40px 40px;
}
 .counts {
     padding: 0px 0 0px;
     position: relative;
}
 .counts::before {
     position: absolute;
     content: '';
     left: 50%;
     top: 0;
     width: 2px;
     height: 100%;
     background: #9b9b9b;
     opacity: .4;
}
 .counts::after {
     position: absolute;
     content: '';
     left: 0;
     top: 50%;
     width: 100%;
     height: 1px;
     background: #9b9b9b;
     opacity: .4;
}
 .counts .count-box {
     align-items: center;
     padding: 30px;
     width: 100%;
     box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
     text-align: center;
}
 .counts .count-box .purecounter {
     font-size: 44px;
     display: block;
     font-weight: 700;
     color: #ffffff;
     display: inline-block;
}
 .counts .count-box .pluse-icon {
     font-size: 44px;
     font-weight: 700;
     color: #fff;
     padding-left: 5px;
}
 .counts .count-box .details-name {
     padding: 0;
     margin: 0;
     font-size: 22px;
     color: #00a651;
     font-weight: 600;
     text-align: center;
}
 .counts .count-box .details-name .name-blue {
     display: block;
     font-size: 22px;
     color: #00a7f4;
     font-weight: 600;
     text-align: center;
     text-transform: uppercase;
}
 .why-us .right-details-div {
}
 .why-us .right-details-div .d-div {
     width: 100%;
}
 .why-us .right-details-div .bg1 {
     background-image: linear-gradient(to bottom, #2371d5, #063675);
     align-items: center !important;
     display: inline-flex;
     padding-top: 15px;
     padding-bottom: 15px;
     text-align: center;
     padding-right: 20px;
     padding-left: 20px;
}
 .why-us .right-details-div .bg2 {
     background-image: linear-gradient(to bottom, #ffac00, #d28e00);
     align-items: center !important;
     display: inline-flex;
     padding-top: 15px;
     padding-bottom: 15px;
     text-align: center;
     padding-right: 20px;
     padding-left: 20px;
}
 .why-us .right-details-div h4 {
     font-size: 28px;
     font-weight: 600;
     letter-spacing: 0;
     padding: 0px;
     margin: 5px 0px 15px 0px;
     color: #fff;
}
 .why-us .right-details-div p {
     color: #ffffff;
     font-size: 16px;
     line-height: 30px;
     font-weight: 500;
     text-align: justify;
}
 .why-us .right-details-div .row {
     padding: 0px;
     height: 100%;
}
 .why-us .right-details-div .img-fluid {
     width: 100% !important;
     padding: 0;
}
 .why-us .accordion-list {
     padding: 0 100px 60px 100px;
}
 .why-us .accordion-list ul {
     padding: 0;
     list-style: none;
}
 .why-us .accordion-list li+li {
     margin-top: 15px;
}
 .why-us .accordion-list li {
     padding: 20px;
     background: #fff;
     border-radius: 4px;
}
 .why-us .accordion-list a {
     display: block;
     position: relative;
     font-family: "Poppins", sans-serif;
     font-size: 16px;
     line-height: 24px;
     font-weight: 500;
     padding-right: 30px;
     outline: none;
     cursor: pointer;
}
 .why-us .accordion-list span {
     color: #0880e8;
     font-weight: 600;
     font-size: 18px;
     padding-right: 10px;
}
 .why-us .accordion-list i {
     font-size: 24px;
     position: absolute;
     right: 0;
     top: 0;
}
 .why-us .accordion-list p {
     margin-bottom: 0;
     padding: 10px 0 0 0;
}
 .why-us .accordion-list .icon-show {
     display: none;
}
 .why-us .accordion-list a.collapsed {
     color: #343a40;
}
 .why-us .accordion-list a.collapsed:hover {
     color: #0880e8;
}
 .why-us .accordion-list a.collapsed .icon-show {
     display: inline-block;
}
 .why-us .accordion-list a.collapsed .icon-close {
     display: none;
}
 .why-us .play-btn {
     width: 94px;
     height: 94px;
     background: radial-gradient(#0880e8 50%, rgba(8, 128, 232, 0.4) 52%);
     border-radius: 50%;
     display: block;
     position: absolute;
     left: calc(50% - 47px);
     top: calc(50% - 47px);
     overflow: hidden;
}
 .why-us .play-btn::after {
     content: "";
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translateX(-40%) translateY(-50%);
     width: 0;
     height: 0;
     border-top: 10px solid transparent;
     border-bottom: 10px solid transparent;
     border-left: 15px solid #fff;
     z-index: 100;
     transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 .why-us .play-btn::before {
     content: "";
     position: absolute;
     width: 120px;
     height: 120px;
     -webkit-animation-delay: 0s;
     animation-delay: 0s;
     -webkit-animation: pulsate-btn 2s;
     animation: pulsate-btn 2s;
     -webkit-animation-direction: forwards;
     animation-direction: forwards;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-timing-function: steps;
     animation-timing-function: steps;
     opacity: 1;
     border-radius: 50%;
     border: 5px solid rgba(8, 128, 232, 0.7);
     top: -15%;
     left: -15%;
     background: rgba(198, 16, 0, 0);
}
 .why-us .play-btn:hover::after {
     border-left: 15px solid #0880e8;
     transform: scale(20);
}
 .why-us .play-btn:hover::before {
     content: "";
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translateX(-40%) translateY(-50%);
     width: 0;
     height: 0;
     border: none;
     border-top: 10px solid transparent;
     border-bottom: 10px solid transparent;
     border-left: 15px solid #fff;
     z-index: 200;
     -webkit-animation: none;
     animation: none;
     border-radius: 0;
}
 @media (max-width: 1024px) {
     .why-us .content, .why-us .accordion-list {
         padding-left: 0;
         padding-right: 0;
    }
}
 @media (max-width: 992px) {
     .why-us .content {
         padding-top: 30px;
    }
     .why-us .accordion-list {
         padding-bottom: 30px;
    }
}
 @-webkit-keyframes pulsate-btn {
     0% {
         transform: scale(0.6, 0.6);
         opacity: 1;
    }
     100% {
         transform: scale(1, 1);
         opacity: 0;
    }
}
 @keyframes pulsate-btn {
     0% {
         transform: scale(0.6, 0.6);
         opacity: 1;
    }
     100% {
         transform: scale(1, 1);
         opacity: 0;
    }
}
/*-------------------------------------------------------------- # Services --------------------------------------------------------------*/
 .services .full-box-row {
     margin-bottom: 20px;
     padding: 20px;
     background: #fff;
     box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
     border-radius: 0px;
     position: relative;
     padding-left: 206px;
     min-height: 684px;
}
 .services .full-box-row .tab-nav-div {
     flex: 0 0 auto;
     width: 165px;
     margin: 0px;
     background: #063776;
     position: absolute;
     height: 109%;
     top: -30px;
     left: 20px;
     padding: 30px 0;
}
 .services .nav-tabs {
     border-bottom: none;
}
 .services .nav-tabs .nav-item {
     border-bottom: 1px solid #0a51ad;
}
 .services .nav-tabs .nav-item:last-child {
     border-bottom: none;
}
 .services .nav-link {
     border: 0;
     padding: 8px 0 8px 0;
     transition: 0.3s;
     color: #ffffff;
     border-radius: 0;
     font-weight: 600;
     font-size: 18px;
     text-align: center;
     margin: 0px;
     line-height: 28px;
}
 .services .nav-link.active {
     color: #ffac00;
     border-color: #d9232d;
     background-color: transparent;
}
 .services_tabs_link_icon {
     height: 60px;
     width: 60px;
     background: url(../img/sprite-new.png) no-repeat;
     margin: 0 auto 5px;
     text-align: center;
}
 .services_tabs_link_icon.web_tec {
     background-position: -304px -64px;
}
 .services_tabs_link_icon.mobile_tec {
     background-position: -364px -64px;
}
 .services_tabs_link_icon.enterprise_sol {
     background-position: -426px -64px;
}
 .services_tabs_link_icon.dedicated_res {
     background-position: -488px -64px;
}
 .services_tabs_link_icon.cad_ser {
     background-position: -553px -64px;
}
 .services .tab-content-row {
     padding-top: 15px;
     padding-bottom: 0;
     margin: 0px 0px 0px 0px;
}
 .services .tab-content-row:hover {
     background: #f6f6f6;
}
 .services .tab-content-row .icon-div {
     width: 98px;
     height: 98px;
     float: left;
     background: #f1f8fc url(../img/sprite-new.png) no-repeat;
     border-radius: 50px;
}
 .services .tab-content-row .icon-div.php_developement {
     background-position: 0px -249px;
}
 .services .tab-content-row .icon-div.mean_stack_developement {
     background-position: -102px -249px;
}
 .services .tab-content-row .icon-div.dot_net_developer {
     background-position: -204px -249px;
}
 .services .tab-content-row .icon-div.Java_development_services {
     background-position: -302px -249px;
}
 .services .tab-content-row .icon-div.open_source_customization {
     background-position: -409px -249px;
}
 .services .tab-content-row .icon-div.ios_services {
     background-position: -509px -249px;
}
 .services .tab-content-row .icon-div.android_services {
     background-position: -610px -249px;
}
 .services .tab-content-row .icon-div.react_services {
     background-position: -712px -249px;
}
 .services .tab-content-row .icon-div.business_app {
     background-position: -818px -249px;
}
 .services .tab-content-row .icon-div.game_app {
     background-position: -720px -358px;
}
 .services .tab-content-row .icon-div.wordpress_services {
     background-position: -305px -360px;
}
 .services .tab-content-row .icon-div.Joomla_services {
     background-position: -405px -360px;
}
 .services .tab-content-row .icon-div.magento_services {
     background-position: -508px -360px;
}
 .services .tab-content-row .icon-div.drupal_app {
     background-position: -610px -360px;
}
 .services .tab-content-row .icon-div.custom_cms {
     background-position: -821px -358px;
}
 .services .tab-content-row .icon-div.hire_php {
     background-position: -1018px -249px;
}
 .services .tab-content-row .icon-div.hire_mean {
     background-position: -1120px -249px;
}
 .services .tab-content-row .icon-div.hire_android {
     background-position: -1224px -249px;
}
 .services .tab-content-row .icon-div.hire_net {
     background-position: -1324px -249px;
}
 .services .tab-content-row .icon-div.hire_open {
     background-position: -1425px -249px;
}
 .services .tab-content-row .icon-div.eng_consultant {
     background-position: -1528px -249px;
}
 .services .tab-content-row .icon-div.bim_services {
     background-position: -1632px -249px;
}
 .services .tab-content-row .icon-div.mepf_services {
     background-position: 0px -360px;
}
 .services .tab-content-row .icon-div.detailing_ser {
     background-position: -101px -360px;
}
 .services .tab-content-row .icon-div.shop_drawing {
     background-position: -204px -360px;
}
 .services .tab-content-row .details-div {
     margin-left: 120px;
     padding-bottom: 12px;
     border-bottom: 1px solid #e5e5e5;
}
 .services .tab-content-row:hover .details-div {
     border-bottom: 1px solid #f6f6f6;
}
 .services .tab-content-row h4 {
     color: #1b1b1b;
     font-size: 18px;
     font-weight: 600;
     margin: 0px 0px 10px 0px;
     padding: 0px;
}
 .services .tab-content-row h4 a {
     text-decoration: none;
     color: #1b1b1b;
     font-size: 18px;
     font-weight: 600;
     margin: 0px;
     padding: 0px;
}
 .services .tab-content-row h4 a:hover {
     color: #053674;
     text-decoration: none;
}
 .services .tab-content-row:hover h4 a {
     color: #053674;
}
 .services .icon-box {
     margin-bottom: 20px;
     padding: 50px 40px;
     border-radius: 6px;
     background: #fff;
     box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
 .services .tab-content-row .details-div p {
     margin: 0px;
     font-size: 16px;
     line-height: 34px;
     color: #212121;
     font-weight: 500;
}
 .services .icon-box i {
     float: left;
     color: #f6b024;
     font-size: 40px;
     line-height: 0;
}
 .services .icon-box h4 {
     margin-left: 70px;
     font-weight: 700;
     margin-bottom: 15px;
     font-size: 18px;
}
 .services .icon-box h4 a {
     color: #05579e;
     transition: 0.3s;
}
 .services .icon-box h4 a:hover {
     color: #0880e8;
}
 .services .icon-box p {
     margin-left: 70px;
     line-height: 24px;
     font-size: 14px;
     margin-bottom: 0;
}
/*-------------------------------------------------------------- # Technologies Expertise --------------------------------------------------------------*/
 .technologies_expertise {
     position: relative;
     z-index: 100;
     background-image: linear-gradient(to bottom, #2371d5, #063675);
}
 .technologies_expertise h2 {
     color: #fff !important;
}
 .technologies_expertise .section-title span {
     border-bottom: 1px solid #6996d2;
     border-top: 1px solid #6996d2;
     color: #fff;
}
 .technologies_expertise .nav-pills {
     border-bottom: 1px solid #d6d6d6;
     text-align: center;
     justify-content: center;
     margin-top: 15px;
}
 .technologies_expertise .nav-pills .nav-link {
     font-size: 20px;
     font-weight: 700;
     color: #f1f8fc;
     text-transform: uppercase;
     position: relative;
     padding: 0 15px 15px 15px;
     margin: 0 26px;
}
 .technologies_expertise .nav-pills .nav-link.active, .technologies_expertise .nav-pills .nav-link:hover {
     color: #ffac00;
     background-color: transparent;
}
 .technologies_expertise .nav-pills .nav-link.active::after {
     content: '';
     width: 68%;
     height: 3px;
     position: absolute;
     bottom: -2px;
     left: 16%;
     background: #ffac00;
}
 .technologies_expertise_logo {
     display: flex;
     width: 100%;
     align-items: center;
     flex-wrap: wrap;
     justify-content: center;
     padding: 0px;
     margin: 0px;
}
 .technologies_expertise_logo li {
     margin: 15px 15px;
     list-style: none;
     background: #fff;
     box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
     border-radius: 20px;
     width: 150px;
     height: 150px;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .technologies_expertise_logo li .out-div {
     width: auto;
     height: auto;
     margin: 0px;
     padding: 0px;
}
 .technologies_expertise_logo li .techno_exp_logo_name {
     text-align: center;
     font-size: 18px;
     color: #222222;
     font-weight: 600;
     display: inline-block;
     width: 100%;
}
 .techno_exp_logo {
     background: url(../img/sprite-new.png) no-repeat;
     height: 70px;
     width: 70px;
     margin: 0 auto 5px auto;
}
 .techno_exp_logo.web-wordpress-icon {
     background-position: -3px -477px;
}
 .techno_exp_logo.web-magento-icon {
     background-position: -77px -477px;
}
 .techno_exp_logo.web-shopify-icon {
     background-position: -145px -477px;
}
 .techno_exp_logo.web-dnn-icon {
     background-position: -216px -477px;
}
 .techno_exp_logo.web-kentico-icon {
     background-position: -3px -477px;
}
 .techno_exp_logo.web-woocommerce-icon {
     background-position: -358px -477px;
}
 .techno_exp_logo.web-iphone-icon {
     background-position: -4px -552px;
}
 .techno_exp_logo.web-android-icon {
     background-position: -74px -552px;
}
 .techno_exp_logo.web-swift-icon {
     background-position: -146px -552px;
}
 .techno_exp_logo.web-kotlin-icon {
     background-position: -218px -552px;
}
 .techno_exp_logo.web-reactjs-icon {
     background-position: -289px -552px;
}
 .techno_exp_logo.web-xamarin-icon {
     background-position: -359px -552px;
}
 .techno_exp_logo.web-gflutter-icon {
     background-position: -868px -552px;
}
 .techno_exp_logo.web-angularjs-icon {
     background-position: -4px -624px;
}
 .techno_exp_logo.web-vuejs-icon {
     background-position: -143px -378px;
}
 .techno_exp_logo.web-knockout-icon {
     background-position: -214px -378px;
}
 .techno_exp_logo.web-csharp-icon {
     background-position: -435px -475px;
}
 .techno_exp_logo.web-netcore-icon {
     background-position: -1017px -473px;
}
 .techno_exp_logo.web-nodejs-icon {
     background-position: -577px -475px;
}
 .techno_exp_logo.web-php-icon {
     background-position: -648px -468px;
}
 .techno_exp_logo.web-pythone-icon {
     background-position: -719px -475px;
}
 .techno_exp_logo.web-javascript-icon {
     background-position: -935px -552px;
}
 .techno_exp_logo.web-mongodb-icon {
     background-position: -438px -552px;
}
 .techno_exp_logo.web-mysql-icon {
     background-position: -509px -552px;
}
 .techno_exp_logo.web-sqlserver-icon {
     background-position: -581px -552px;
}
 .techno_exp_logo.web-postgre-icon {
     background-position: -653px -552px;
}
 .techno_exp_logo.web-mariadb-icon {
     background-position: -720px -306px;
}
 .techno_exp_logo.web-dynamodb-icon {
     background-position: -789px -306px;
}
 .techno_exp_logo.web-laravel-icon {
     background-position: -865px -477px;
}
 .techno_exp_logo.web-html5-icon {
     background-position: -936px -477px;
}
 .techno_exp_logo.web-javascript-icon {
     background-position: -935px -552px;
}
 .techno_exp_logo.web-aspnet-icon {
     background-position: -866px -624px;
}
 .techno_exp_logo.web-sqlite-icon {
     background-position: -723px -552px;
}
 .techno_exp_logo.web-joomla-icon {
     background-position: -722px -630px;
}
 .techno_exp_logo.web-drupal-icon {
     background-position: -792px -630px;
}
/*-------------------------------------------------------------- # Our Work --------------------------------------------------------------*/
 .our_work {
     padding: 60px 0;
     position: relative;
     height: auto;
}
 .our_work::before {
     content: '';
     background: url(../img/topright.webp);
     right: 0;
     top: 0;
}
 .our_work::after {
     content: '';
     background: url(../img/bottomleft.webp);
     left: 0;
     bottom: 0;
}
 .our_work::before, .our_work::after {
     content: '';
     height: 240px;
     width: 240px;
     position: absolute;
     background-size: 240px 240px !important;
}
 .our_work .container-fluid {
     position: relative;
     z-index: 1;
}
 .case-study-item {
     position: relative;
     margin-bottom: 80px;
}
 .case-study-item a {
     display: block;
     padding: 0px 10px;
}
 .case-study-item a img {
     max-width: 100%;
     border-radius: 5px;
     box-shadow: 0 0 8px rgba(0, 0, 0, .1);
}
 .case-study-item .content {
     position: absolute;
     left: 0;
     right: 0;
     width: 86%;
     bottom: -70px;
     margin-left: auto;
     margin-right: auto;
     background-color: #e5f6ff;
     -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
     box-shadow: 0 0 15px rgba(0, 0, 0, .05);
     border-radius: 5px;
     padding: 15px 70px 15px 15px;
     margin-bottom: 30px;
}
 .case-study-item .content h3 {
     margin-bottom: 5px;
}
 .case-study-item .content h3 a {
     color: #222222;
     font-size: 15px;
     font-weight: 600;
     padding: 0px;
}
 .case-study-item .content .details_div {
     list-style: none;
     margin: 0;
     padding: 0;
     display: inline-block;
     margin-right: 0px;
     color: #222222;
     font-weight: 500;
     position: relative;
     font-size: 14px;
}
 .case-study-item .content .right-icon {
     width: 47px;
     height: 40px;
     background: url(../img/sprite-new.png) no-repeat;
     display: block;
     position: absolute;
     right: 15px;
     top: 16px;
}
 .case-study-item .content .right-icon.web {
     background-position: -296px -11px;
}
 .case-study-item .content .right-icon.cad {
     background-position: -236px -11px;
}
 .our_work .btn-get-started {
}
 .our_work .btn-get-started:hover {
     background-color: #053674;
     color: #fff;
}
 .our_work .btn-get-started i {
     position: relative;
     top: 1px;
     left: 0;
     font-size: 17px;
}
/*-------------------------------------------------------------- # Connect with Us --------------------------------------------------------------*/
 .connect_with_us {
     position: relative;
     padding: 0px 0px;
}
 .connect_with_us:before {
     content: "";
     position: absolute;
     bottom: 0;
     top: 0;
     left: 0;
     right: 0;
}
 .lets_discuss {
     padding: 20px 0px;
     background: #fff;
}
 .lets_discuss .titel-text {
     font-size: 34px;
     font-weight: 700;
     letter-spacing: 1px;
     text-transform: uppercase;
     color: #053674;
     margin: 0px;
     padding: 0px;
     line-height: 66px;
}
 .lets_discuss .titel-text span {
     font-weight: 400;
}
 .lets_discuss .btn-out-div {
     text-align: center;
     align-self: center;
}
 .lets_discuss .btn-out-div a {
     text-transform: uppercase;
}
 .lets_discuss .btn-out-div a:hover {
     background-color: #063777;
     color: #fff;
}
 .connect_with {
     width: auto;
     height: auto;
     margin: 0px;
     padding: 0px;
}
 .connect_with .contact_row {
     position: relative;
     background-image: linear-gradient(to bottom, #2371d5, #063675);
     padding: 60px 0px;
     height: auto;
     overflow: hidden;
}
 .connect_with .contact_row h2 {
     color: #fff;
}
 .connect_with .contact_row .section-title span {
     border-bottom: 1px solid #6996d2;
     border-top: 1px solid #6996d2;
     color: #fff;
}
 .connect_with .contact-img {
     position: absolute;
     height: 100%;
     width: 100%;
     background: url(../img/feedback-bg.png) no-repeat;
     top: 0;
}
 .connect_with .middle-box {
     text-align: center;
     padding: 20px 0 20px 0px;
}
 .connect_with .middle-box .box_icon {
     width: 50px;
     height: 50px;
     background: url(../img/sprite-new.png) no-repeat;
     margin: 0 auto;
}
 .connect_with .middle-box .box_icon.location-icon {
     background-position: -1641px -10px;
}
 .connect_with .middle-box .box_icon.career-icon {
     background-position: -1692px -10px;
}
 .connect_with .middle-box .box_icon.emails-icon {
     background-position: -1742px -10px;
}
 .connect_with .middle-box h5 {
     font-size: 28px;
     font-weight: 700;
     padding: 10px 0;
     color: #fff;
     margin: 0;
}
 .connect_with .middle-box p {
     font-size: 15px;
     line-height: 26px;
     font-weight: 500;
     color: #fff;
     padding: 0;
     margin: 0;
}
 .connect_with .middle-box p a {
     font-size: 15px;
     line-height: 26px;
     font-weight: 500;
     color: #fff;
     text-decoration: none;
}
 .connect_with .middle-box .btn-get-started {
     margin: 15px 0px 0px 0px;
     padding: 12px 20px;
     font-weight: 600;
     font-size: 20px;
     background-color: #063777;
     color: #fff;
}
 .connect_with .middle-box .btn-get-started:hover {
     background-color: #ffac00;
     color: #063777;
}
 .country_number_main {
     padding: 40px 0px;
}
 .country_number {
     width: 16.6%;
     font-weight: 600;
     line-height: 40px;
     font-size: 18px;
     float: left;
     text-align: center
}
 .country_number span {
     font-weight: 400;
     width: 100%;
     float: left;
     font-size: 16px;
     line-height: 22px
}
 .country_number span .flag {
     width: 40px;
     height: 22px;
     margin-right: 5px;
     position: relative;
     top: -3px
}
 .social_icon {
     display: table;
     margin-bottom: 0;
     margin-top: 0;
     text-align: center;
     width: 100%;
     margin-top: 30px;
}
 .social_icon ul {
     margin: 0;
     padding: 0;
     position: relative;
     text-align: center;
     top: 0
}
 .social_icon ul li {
     background: rgba(0, 0, 0, 0);
     display: inline-block;
     list-style: none;
     margin: 0;
     padding: 0;
     text-align: center
}
 .social_icon ul li a {
     background: url(../img/footer-social.png) no-repeat rgba(0, 0, 0, 0);
     display: inline-block;
     height: 51px;
     margin: 0 1px;
     width: 52px
}
 .social_icon ul li a.facebook_icon {
     background-position: -4px -3px
}
 .social_icon ul li a.facebook_icon:hover {
     background-position: -4px -58px
}
 .social_icon ul li a.twitter_icon {
     background-position: -114px -3px
}
 .social_icon ul li a.twitter_icon:hover {
     background-position: -114px -58px
}
 .social_icon ul li a.linkedin_icon {
     background-position: -223px -3px
}
 .social_icon ul li a.linkedin_icon:hover {
     background-position: -223px -58px
}
 .social_icon ul li a.blog_icon {
     background-position: -330px -3px
}
 .social_icon ul li a.blog_icon:hover {
     background-position: -330px -58px
}
 .social_icon ul li a.you_icon {
     background-position: -169px -3px
}
 .social_icon ul li a.you_icon:hover {
     background-position: -169px -58px
}
 .social_icon ul li a.skype_icon {
     background-position: -384px -3px
}
 .social_icon ul li a.skype_icon:hover {
     background-position: -384px -58px
}
 .social_icon ul li a.whatsapp_icon {
     background-position: -437px -3px
}
 .social_icon ul li a.whatsapp_icon:hover {
     background-position: -437px -58px
}
 .social_icon ul li a.pinterest_icon {
     background-position: -276px -3px
}
 .social_icon ul li a.pinterest_icon:hover {
     background-position: -276px -58px
}
 .social_icon ul li a.instagram_icon {
     background-position: -493px -3px
}
 .social_icon ul li a.instagram_icon:hover {
     background-position: -493px -58px
}
 .clock-outer {
     position: relative;
     height: 70px;
     width: 70px;
     left: 0;
     right: 0;
     margin: auto;
     top: 0%;
     margin-bottom: 15px;
     background-color: #ccc;
     border-radius: 100px;
     border: 1px solid #222
}
 .clock-outer .clock-inner {
     height: 100%;
     width: 100%
}
 .clock-outer .clock-inner .mins-box {
     height: 100%;
     width: 100%
}
 .clock-outer .clock-inner .clock-hands-box {
     position: absolute;
     height: 100%;
     width: 100%;
     top: 0;
     left: 0
}
 .clock-outer .clock-inner .clock-hands-box span {
     display: block;
     position: absolute;
     height: 100%;
     width: 1px;
     left: 0;
     right: 0;
     margin: auto;
     transition: all 600ms cubic-bezier(.25, .46, .45, .94)
}
 .clock-outer .clock-inner .clock-hands-box span:before {
     border-radius: 5px
}
 .clock-outer .clock-inner .clock-hands-box span.sec-hand:before {
     content: "";
     display: block;
     position: absolute;
     background: #c0392b;
     height: 34px;
     top: 30px;
     width: 2px
}
 .clock-outer .clock-inner .clock-hands-box span.min-hand::before {
     content: "";
     display: block;
     position: absolute;
     background: #d35400;
     height: 36px;
     top: 2px;
     width: 2px
}
 .clock-outer .clock-inner .clock-hands-box span.hour-hand:before {
     content: "";
     display: block;
     position: absolute;
     background: #f39c12;
     height: 25px;
     top: 12px;
     width: 2px
}
 .clock-outer .center-dot {
     position: absolute;
     display: block;
     top: 50%;
     left: 0;
     right: 0;
     margin: auto;
     height: 8px;
     width: 8px;
     border-radius: 50%;
     transform: translateY(-50%);
     background: #f1c40f;
     z-index: 2
}
 .clock-outer .center-dot:before {
     content: "";
     display: block;
     position: absolute;
     border-radius: 50%;
     width: 100%;
     height: 100%;
     z-index: 1;
     left: 0;
     right: 0;
     margin: auto;
     transform: translatey(-50%);
     transform-origin: center center;
     animation: rippleAnim 1s infinite ease-in-out
}
 .clock-outer .center-dot:after {
     background: #1abc9c
}
 .connect_with_us .container {
     position: relative;
}
 @-webkit-keyframes animate-loading {
     0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(360deg);
    }
}
 @keyframes animate-loading {
     0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(360deg);
    }
}
/*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/
 #footer {
     position: relative;
     background-image: linear-gradient(to bottom, #2371d5, #063675);
     padding: 0 0 30px 0;
     color: #fff;
     font-size: 14px;
}
 #footer .footer-top {
    /* background: #065fad;
    */
     padding: 60px 0 30px 0;
     border-bottom: 1px solid #1f5fb0;
}
 #footer .footer-top .footer-info {
     margin-bottom: 30px;
}
 #footer .footer-top .footer-info h3 {
     font-size: 18px;
     margin: 0 0 20px 0;
     padding: 2px 0 2px 0;
     line-height: 1;
     font-weight: 700;
}
 #footer .footer-top .footer-info p {
     font-size: 14px;
     line-height: 24px;
     margin-bottom: 0;
     font-family: "Raleway", sans-serif;
     color: #fff;
}
 #footer .footer-top .social-links a {
     font-size: 16px;
     display: inline-block;
     background: rgba(255, 255, 255, 0.1);
     color: #fff;
     line-height: 1;
     padding: 10px 0;
     margin-right: 4px;
     border-radius: 50%;
     text-align: center;
     width: 36px;
     height: 36px;
     transition: 0.3s;
}
 #footer .footer-top .social-links a:hover {
     background: #f6b024;
     color: #fff;
     text-decoration: none;
}
 #footer .footer-top h4 {
     font-size: 22px;
     font-weight: 700;
     color: #fff;
     text-transform: none;
     position: relative;
     padding-bottom: 12px;
}
 #footer .footer-top .footer-links {
     margin-bottom: 30px;
}
 #footer .footer-top .footer-links ul {
     list-style: none;
     padding: 0;
     margin: 0;
}
 #footer .footer-top .footer-links ul i {
     padding-right: 2px;
     color: #aacbee;
     font-size: 10px;
     line-height: 1;
     position: absolute;
     left: 0;
     top: 12px;
}
 #footer .footer-top .footer-links ul li {
     padding: 8px 0;
     display: flex;
     align-items: center;
     position: relative;
     padding-left: 22px;
}

 #footer .footer-top .footer-links ul a {
     color: #fff;
     transition: 0.3s;
     display: inline-block;
     line-height: 1;
     font-size: 15px;
     font-weight: 400;
}
 #footer .footer-top .footer-links ul a:hover {
     color: #fff;
}
 #footer .footer-top .footer-contact {
     margin-bottom: 30px;
}
 #footer .footer-top .footer-contact p {
     line-height: 26px;
}
 #footer .copyright {
     text-align: center;
     padding-top: 15px;
     color: #ffffff;
     font-size: 15px;
     font-weight: 500;
     text-decoration: none;
}
 #footer .copyright a {
     color: #ffac00;
     font-size: 15px;
     font-weight: 500;
     text-decoration: none;
}
 .footer-call-content {
     background-color: #fff;
     padding: 20px 80px 20px 20px;
     border-radius: 15px;
     position: relative;
     max-width: 345px;
     float: left;
}
 .footer-call-content h3 {
     font-size: 20px;
     line-height: 1;
     margin-bottom: 8px;
     color: #042f65;
     font-weight: 700;
}
 .footer-call-content span a {
     color: #1b1b1b;
     font-weight: 600;
     font-size: 18px;
}
 .footer-call-content i {
     position: absolute;
     top: 14px;
     right: 20px;
     width: 70px;
     height: 70px;
     font-size: 35px;
     line-height: 60px;
     text-align: center;
     display: inline-block;
     background: #ffac00 url(../img/call-icon-img.png) no-repeat;
     color: #053674;
     border-radius: 50px;
     -webkit-transition: .7s;
     transition: .7s;
     background-position: center center;
}
 .useful_links h3 {
     font-size: 22px;
     font-weight: 700;
     color: #fff;
     text-transform: none;
     position: relative;
     padding-bottom: 12px;
     margin-top: 12px;
     margin-bottom: 5px;
}
 .useful_links {
     float: left;
     margin: 0px;
     width: auto;
     padding: 0px 0px 0px 30px;
     color: #ffffff;
     font-size: 15px;
     font-weight: 500;
}
 .useful_links a {
     color: #ffffff;
     font-size: 15px;
     font-weight: 500;
     text-decoration: none;
     padding: 0 8px;
     margin: 0px;
}
 .useful_links a:hover {
     text-decoration: none;
}
/*-------------------------------------------------------------- # Frequently Asked Questions --------------------------------------------------------------*/
 .faq .faq-list {
     padding: 0 100px;
}
 .faq .faq-list ul {
     padding: 0;
     list-style: none;
}
 .faq .faq-list li+li {
     margin-top: 0;
     border-top: 1px solid #cfcfcf;
}
 .faq .faq-list li {
     padding: 0;
     background: #fff;
     border-radius: 4px;
     position: relative;
}
 .faq .faq-list a {
     display: block;
     position: relative;

     font-size: 16px;
     line-height: 24px;
     font-weight: 600;
     padding: 15px 40px 15px 45px;
     outline: none;
     cursor: pointer;
     background: #083b7c;
     color: #FFF;
}
 .faq .faq-list .icon-help {
     font-size: 24px;
     position: absolute;
     right: 0;
     left: 15px;

}
 .faq .faq-list .icon-show, .faq .faq-list .icon-close {
     font-size: 24px;
     position: absolute;
     right: 12px;
     top: 10px;
     font-weight: 700;
}
 .faq-details {
     padding: 10px;
}
 .faq .faq-list p {
     margin-bottom: 0;
     padding: 0 0 0 0;
     margin: 0px;
     font-size: 15px;
     line-height: 32px;
     color: #212121;
     font-weight: 500;
}
 .faq-details ul.submenu{
     margin: 0px;
     padding: 0px;
}
 .faq-details ul.submenu li {
     margin: 0px;
     padding: 0px;
     font-size: 15px;
     line-height: 32px;
     color: #212121;
     font-weight: 500;
     background: url(../img/check-img-faq.jpg) no-repeat;
     background-position: left 12px;
     padding: 2px 0px 2px 30px;
     border: 0px;
}
 .faq .faq-list .icon-show {
     display: none;
}
 .faq .faq-list a.collapsed {
     color: #343a40;
     background: #fff;
}
 .faq .faq-list a.collapsed:hover {
     color: #0880e8;
}
 .faq .faq-list a.collapsed .icon-show {
     display: inline-block;
}
 .faq .faq-list a.collapsed .icon-close {
     display: none;
}
 @media (max-width: 1200px) {
     .faq .faq-list {
         padding: 0;
    }
}
/*nav-bar-design*/
 .bottom_country_number span {
     font-weight: 400;
     width: 100%;
     float: left;
     font-size: 16px;
     line-height: 22px;
}
 .bottom_country_number span .flag {
     width: 40px;
     height: 22px;
     margin-right: 10px;
     position: relative;
     top: -1px;
     border: 1px solid #fff;
}
 .bottom_country_number_main {
     float: none;
     width: 100%;
     text-align: left;
     padding: 8px 0 8px;
     color: #fff;
}
 .bottom_country_number {
     width: auto;
     font-weight: 500;
     line-height: normal;
     font-size: 16px;
     float: none;

     text-align: left;
     padding: 7px 0;
     letter-spacing: 1px;
}
 .bottom_country_number span {
     float: none;
}
 .left-services-details .experience-row {
     width: auto;
     height: auto;
     margin: 0;
     padding: 0;
     margin-top: 26px;
     text-align: center;
}
 .left-services-details .experience-row .titel {
     color: #fefeff;
     font-size: 18px;
     text-transform: uppercase;
     line-height: 32px;
     position: relative;
     text-align: center;
     padding-bottom: 15px;
     font-weight: 600;
}
 .left-services-details .experience-row ul {
     margin: 0;
     padding: 0;
     display: inline-block;
     width: 100%;
}
 .left-services-details .experience-row ul li:first-child {
     padding-left: 0 !important;
}
 .left-services-details .experience-row ul li {
     padding: 0 0 !important;
     margin: 0 !important;
     line-height: 15px;
     width: auto;
     font-size: 16px;
     color: #fff !important;
     font-weight: 500;
     position: relative !important;
     width: auto !important;
     float: left;
}
 .left-services-details .experience-row ul span {
     width: 10px;
     height: 10px;
     position: relative;
     top: 4px;
     display: inline-block;
     background-color: #ffab00;
     float: left;
     margin: 0 12px;
     border-radius: 50px;
}
 .left-services-details .experience-row ul li:last-child {
     padding-right: 0 !important;
}
 .navbar .dropdown ul.sub-menu-out .sub-menu-div .right-services-details {
     width: 100%;
     min-height: 450px;
     flex: 0 0 100%;
     padding: 0 0 109px 310px;
     background-image: linear-gradient(to bottom, #ffffff, #eaf9ff);
     position: relative;
}
 .navbar .dropdown ul.sub-menu-out .sub-menu-div .right-services-details .menu-link-out-div {
     padding: 15px 0px;
     margin: 0px;
}
 .navbar .dropdown ul.sub-menu-out .sub-menu-div .right-services-details .menu-link-out-div h5 {
     color: #1b1b1b;
     font-size: 16px;
     font-weight: 600;
     padding: 0px 11px;
     margin: 0px 0px 8px 0;
	 text-transform: uppercase;
}
 .navbar .dropdown ul.sub-menu-out .sub-menu-div .right-services-details .menu-link-out-div .link-menu-div {
     margin: 0px;
     padding: 0px;
}
 .navbar .dropdown ul.sub-menu-out .sub-menu-div .right-services-details .menu-link-out-div .link-menu-div ul {
     margin: 0px;
     padding: 0px;
     position: relative;
     display: unset;
}
/*
 .navbar .dropdown ul.sub-menu-out .sub-menu-div .right-services-details .menu-link-out-div .link-menu-div ul.cad-menu{
}
 .navbar .dropdown ul.sub-menu-out .sub-menu-div .right-services-details .menu-link-out-div .link-menu-div ul.cad-menu li{
	 width: 25%;
	 float: left;
	 padding-right: calc(var(--bs-gutter-x) * .5);
}
*/

 .navbar .dropdown ul.sub-menu-out .sub-menu-div .right-services-details .menu-link-out-div .link-menu-div ul li {
     margin: 0px;
     padding: 6px 0px 6px 18px;
     position: relative;
	 background: url(../img/menu-list-icon.png) no-repeat;
    background-position: 0 15px;
}
 .navbar .dropdown ul.sub-menu-out .sub-menu-div .right-services-details .menu-link-out-div .link-menu-div ul li::after {
     content: '';
     position: absolute;
     width: 0;
     height: 2px;
     display: block;
     right: 0;
     background: #e4e5e5;
     transition: width .3s ease;
     -webkit-transition: width .3s ease;
     bottom: 0px;
}
 .navbar .dropdown ul.sub-menu-out .sub-menu-div .right-services-details .menu-link-out-div .link-menu-div ul li:hover::after {
     width: 100%;
     left: 0;
     background: #0d458e;
}
 .navbar .dropdown ul.sub-menu-out .sub-menu-div .right-services-details .menu-link-out-div .link-menu-div ul li i {
     padding-right: 2px;
     color: #188ee8;
     font-size: 10px;
     line-height: 1;
     position: absolute;
     left: 0;
     top: 14px;
}
 .navbar .dropdown ul.sub-menu-out .sub-menu-div .right-services-details .menu-link-out-div .link-menu-div ul li a {
     color: #1b1b1b;
     transition: 0.3s;
     display: inline-block;
     line-height: 1;
     font-size: 14px;
     font-weight: 400;
     padding: 0px;
     margin: 0px;
}
 .navbar .dropdown ul.sub-menu-out .sub-menu-div .right-services-details .lets-discuss-menu {
     background: #eaf9ff;
     margin: 0px;
     padding: 15px 0;
     position: absolute;
     width: 100%;
     bottom: 0;
     left: 0;
     padding-left: 310px;
}
 .navbar .dropdown ul.sub-menu-out .sub-menu-div .right-services-details .lets-discuss-menu .titel-text span {
     font-weight: 400;
}
 .navbar .dropdown ul.sub-menu-out .sub-menu-div .right-services-details .lets-discuss-menu .titel-text {
     font-size: 20px;
     font-weight: 700;
     letter-spacing: 1px;
     text-transform: uppercase;
     color: #1b1b1b;
     margin: 0px;
     padding: 0px;
     line-height: 36px;
     float: left;
}
 .navbar .dropdown ul.sub-menu-out .sub-menu-div .right-services-details .lets-discuss-menu .btn-get-started {
     float: left;
     margin: 24px 0px 0px 12px;
     background-color: #0d458e;
     color: #fff;
     text-transform: uppercase;
     font-weight: 600;
     letter-spacing: 1px;
     font-size: 16px;
     padding: 12px 20px;
}
 .navbar .dropdown ul.sub-menu-out .sub-menu-div .right-services-details .lets-discuss-menu .menu-call-content {
     background-color: #fff;
     padding: 12px 80px 12px 20px;
     border-radius: 15px;
     position: relative;
     max-width: 345px;
     float: none;
}
 .menu-call-content h3 {
     font-size: 20px;
     line-height: 1;
     margin-bottom: 8px;
     color: #042f65;
     font-weight: 700;
}
 .menu-call-content span {
     padding: 0px;
}
 .menu-call-content span a {
     color: #1b1b1b !important;
     font-weight: 600 !important;
     font-size: 18px !important;
     padding: 0px !important;
}
 .menu-call-content i {
     position: absolute;
     top: 10px;
     right: 20px;
     width: 64px;
     height: 64px;
     font-size: 35px;
     line-height: 60px;
     text-align: center;
     display: inline-block;
     background: #ffac00 url(../img/call-icon-img.png) no-repeat;
     color: #053674;
     border-radius: 50px;
     -webkit-transition: .7s;
     transition: .7s;
     background-position: center center;
}
 .navbar .dropdown ul.sub-menu-out .sub-menu-div .left-services-details .left-img-div {
     width: 100%;
     height: auto;
     padding: 8px 0 8px;
     margin: 0px;
}
 .navbar .dropdown ul.sub-menu-out .sub-menu-div .left-services-details .left-img-div img {
     display: block;
     max-width: 100%;
     margin: 0px auto;
}
 @media (max-width: 991px) {
     .mobile-nav-toggle {
         display: block;
         background-color: #063777;
         border-radius: 5px;
         padding: 5px;
    }
     .navbar ul {
         display: none;
    }
}
 .navbar-mobile {
     position: fixed;
     overflow: hidden;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     background: rgba(5, 74, 133, 0.9);
     transition: 0.3s;
     z-index: 999;
}
 .navbar-mobile .mobile-nav-toggle {
     position: absolute;
     top: 15px;
     right: 15px;
}
 .navbar-mobile ul {
     display: block;
     position: absolute;
     top: 55px;
     right: 15px;
     bottom: 15px;
     left: 15px;
     padding: 10px 0;
     border-radius: 10px;
     background-color: #fff;
     overflow-y: auto;
     transition: 0.3s;
}
 .navbar-mobile>ul>li {
     padding: 0;
}
 .navbar-mobile a, .navbar-mobile a:focus {
     padding: 10px 20px;
     font-size: 15px;
     color: #0665b7;
}
 .navbar-mobile a:hover:before, .navbar-mobile li:hover>a:before, .navbar-mobile .active:before {
     visibility: hidden;
}
 .navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover>a {
     color: #f6b024;
}
 .navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {
     margin: 15px;
}
 .navbar-mobile .dropdown ul.sub-menu-out {
     position: static;
     display: none;
     margin: 10px 20px;
     padding: 10px 0;
     z-index: 99;
     opacity: 1;
     visibility: visible;
     background: #fff;
     box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
     width: auto;
}
 .navbar-mobile .dropdown ul.sub-menu-out .sub-menu-div .left-services-details {
     display: none;
}
 .navbar-mobile .dropdown ul.sub-menu-out .sub-menu-div .right-services-details {
     padding-left: 0px !important;
}
 .navbar-mobile .dropdown ul.sub-menu-out .sub-menu-div .right-services-details .menu-link-out-div .link-menu-div ul {
     margin: 0px;
     padding: 0px;
     position: relative;
     display: unset;
     left: 0px;
     top: 0;
}
 .navbar-mobile .dropdown ul.sub-menu-out .sub-menu-div .right-services-details .lets-discuss-menu {
     margin: 0px;
     padding: 15px 0 !important;
     position: relative !important;
     padding-left: 0 !important;
}
 .navbar-mobile .dropdown ul.sub-menu-out .sub-menu-div .right-services-details .lets-discuss-menu .titel-text {
     font-size: 16px;
}
 .navbar-mobile .dropdown ul li {
     min-width: 200px;
}
 .navbar-mobile .dropdown ul a {
     padding: 10px 20px;
}
 .navbar-mobile .dropdown ul a i {
     font-size: 12px;
}
 .navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover>a {
     color: #f6b024;
}
 .navbar-mobile .dropdown>.dropdown-active {
     display: block !important;
}
/* inner page */
 #hero.inner-hero {
     background-image: linear-gradient(to bottom, #2371d5, #063675);
}
 .inner-hero .carousel-indicators {
     display: none
}
 #hero.inner-hero h2 {
     color: #fff;
     font-size: 42px;
     line-height: 64px;
     font-weight: 700;
}
 #hero.inner-hero h3 {
     color: #ffac00;
     margin-bottom: 10px;
     font-size: 28px;
     font-weight: 600;
     text-transform: none;
     line-height: 48px;
}
 #hero.inner-hero p {
     color: #fff;
     line-height: 36px;
     margin: 0px;
     text-align: justify;
     font-size: 18px;
     margin: 0 auto 20px auto;
}
 .section-title h1.inner-title {
     font-size: 36px;
}
 .main-image img {
     width: 100%;
}
 .main-image {
     padding-right: 30px
}
 .main-image-right {
     padding-left: 30px;
}
 .main-image-right img {
     width: 100%;
}
 .main-image-left {
     padding-right: 30px;
}
 .main-image-left img {
     width: 100%;
}
 .section-title .inner-sub-title {
     font-size: 34px;
     text-transform: none;
     margin-bottom: 20px;
     padding-bottom: 0;
     color: #053674;
     font-weight: 700;
     line-height: 50px;
}
 .inner-services {
     padding-bottom: 0;
}
 .pt-process-1 {
     background-color: #034781;
     height: 100%;
}

 .services-we-desire {
}
 .services-we-desire .services-left-box-out {
     padding-left: 70px;
}
 .services-we-desire .services-box-row {
     margin-bottom: 20px;
     padding: 20px;
     padding-left: 20px;
     background: #fff;
     box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
     border-radius: 0px;
     position: relative;
     padding-left: 82px;
}
 .services-we-desire h4 {
     color: #1b1b1b;
     font-size: 18px;
     font-weight: 600;
     margin: 0px 0px 10px 0px;
     padding: 0px;
}
 .services-we-desire p {
     margin: 0px;
     font-size: 15px;
     line-height: 32px;
     color: #212121;
     font-weight: 500;
}
 .services-we-desire .services-box-row .icon-div {
     width: 110px;
     height: 110px;
     float: none;
     background: #1c62bd url(../img/sprite-new.png) no-repeat;
     border-radius: 50px;
     position: absolute;
     left: -55px;
     top: 28px;
     border-radius: 100px;
}
 .services-we-desire .services-box-row .icon-div.angular_consultants {
     background-position: -988px -1010px;
}
 .services-we-desire .services-box-row .icon-div.angular_consultants {
     background-position: -988px -1010px;
}
 .services-we-desire .services-box-row .icon-div.node_js {
     background-position: -878px -1010px;
}
 .services-we-desire .services-box-row .icon-div.api_development {
     background-position: -109px -712px;
}
 .services-we-desire .services-box-row .icon-div.migration_services {
     background-position: -218px -712px;
}
 .services-we-desire .services-box-col {
     padding: 14px;
     background: #fff;
     position: relative;
     background-image: linear-gradient(to bottom, #ffffff, #f1f8fc);
     height: auto;
     border-radius: 20px 20px 0px 0px;
     margin: 55px 0px 0px 0px;
}
 .services-we-desire .services-box-col .icon-div {
     width: 110px;
     height: 110px;
     float: none;
     background: #eeeeee url(../img/sprite-new.png) no-repeat;
     border-radius: 50px;
     position: relative;
     left: 0;
     top: 0;
     border-radius: 100px;
     margin: 0px auto;
     margin-top: -65px;
     margin-bottom: 20px;
}
 .services-we-desire .services-box-col .icon-div.ecommerce_app {
     background-position: -326px -712px;
}
 .services-we-desire .services-box-col .icon-div.interactive_app {
     background-position: -438px -712px;
}
 .services-we-desire .services-box-col .icon-div.framework_app {
     background-position: -547px -712px;
}
 .services-we-desire .services-box-new-col .icon-div {
     width: 110px;
     height: 110px;
     float: none;
     background: #2270d3 url(../img/sprite-new.png) no-repeat;
     border-radius: 50px;
     position: relative;
     left: 0;
     top: 0;
     border-radius: 100px;
     margin: 0px auto;
     margin-top: -65px;
     margin-bottom: 20px;
}
 .services-we-desire .services-box-new-col .icon-div.php_web {
     background-position: -659px -1008px;
}
 .services-we-desire .services-box-new-col .icon-div.laravel_extension {
     background-position: -769px -1008px;
}
 .services-we-desire .services-box-new-col .icon-div.node_js {
     background-position: -878px -1008px;
}
 .services-we-desire .services-box-new-col .icon-div.angular_Js {
     background-position: -988px -1008px;
}
 .services-we-desire .services-box-new-col .icon-div.react_Js {
     background-position: -1100px -1008px;
}
 .services-we-desire .services-box-new-col .icon-div.web_design {
     background-position: -1211px -1011px;
}
 .services-we-desire .services-box-new-col .icon-div.joomla_dev {
     background-position: -328px -1008px;
}
 .services-we-desire .services-box-new-col .icon-div.wordpress_dev {
     background-position: -1326px -826px;
}
 .services-we-desire .services-box-new-col .icon-div.magento_dev {
     background-position: -1438px -826px
}
 .services-we-desire .services-box-new-col .icon-div.drupal_dev {
     background-position: -1546px -826px
}
 .services-we-desire .services-box-new-col .icon-div.oscom_dev {
     background-position: -1658px -826px
}
 .services-we-desire .services-box-new-col .icon-div.vtiger_crm {
     background-position: -1540px -1008px
}
 .services-we-desire .services-box-out-div{
     margin-bottom: 20px;
     margin-top: 55px;
}
 .services-we-desire .services-box-new-col {
     padding: 14px;
     background: #fff;
     position: relative;
     background-image: linear-gradient(to bottom, #ffffff, #f1f8fc);
     height: auto;
     border-radius: 0;
     margin: 0px 0px 0px 0px;
     box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
     height: 100%;
}
 .services-we-desire .services-box-new-col p {
     margin: 0px;
     font-size: 15px;
     line-height: 30px;
     color: #212121;
     font-weight: 500;
}
/*Inner Counter */
 .inner_counter {
     position: relative;
     z-index: 100;
     background-image: linear-gradient(to bottom, #2371d5, #063675);
}
 .inner_counter .counts-out {
     padding: 0px;
}
 .inner_counter .counts-out .counts::before {
     display: none;
}
 .inner_counter .counts-out .counts::after {
     display: none;
}
 .inner_counter .counts-out .counts .count-box {
     align-items: center;
     padding: 0;
     width: 100%;
     box-shadow: none;
     text-align: center;
}
 .inner_counter .counts-out .counts .count-box .details-name {
     color: #00be5d;
}
 .inner_counter .counts-out .counts .count-box .details-name .name-blue {
     color: #ffac00;
}
/*responsive_services_offered*/
 .responsive_services_offered .container-fluid {
     max-width: 1660px;
}
 .new-development-services-list {
     margin-bottom: 30px;
     display: inline-block;
     width: 100%;
     position: relative;
     transition: all ease .5s;
}
 .new-development-services-left .new-development-services-list:first-child, .new-development-services-left .new-development-services-list:last-child {
     left: 40px;
}
 .new-development-services-left .new-development-services-img {
     float: right;
     margin-right: 0;
     margin-left: 12px;
}
 .new-development-services-text {
     width: 70%;
     float: left;
     padding-top: 8px;
}
 .new-development-services-text h3, .new-development-services-text h4 {
     font-size: 18px;
     color: #034781;
     line-height: 1.7;
     padding: 0;
     margin-bottom: 5px;
     font-weight: 600;
}
 .new-development-services-text p {
     font-size: 14px;
     color: #000022;
     line-height: 26px;
     margin: 0px;
     font-weight: 400;
}
 .new-development-services-center {
     text-align: center;
     align-items: center;
     display: flex;
}
 .new-development-services-center-img {
     width: 100%;
     height: auto;
     position: relative;
     margin: 0 auto;
}
 .angular-development-services .new-development-services-center-img {
     margin: 230px auto 0;
}
 .new-development-services-right .new-development-services-list:first-child, .new-development-services-right .new-development-services-list:last-child {
     right: 40px;
}
 .new-development-services-list {
     margin-bottom: 30px;
     display: inline-block;
     width: 100%;
     position: relative;
     transition: all ease .5s;
     background: #f0f0f0;
     border-radius: 100px;
}
 .new-development-services-left .new-development-services-text {
     text-align: right;
     float: right;
}
 .new-development-services-point {
     padding: 0px 10px;
     margin-top: 15px;
}
 .new-development-services-img {
     float: left;
     background: #eeeeee url(../img/sprite-new.png) no-repeat;
     border-radius: 100%;
     width: 132px;
     height: 132px;
     line-height: 80px;
     text-align: center;
     position: relative;
     margin-right: 12px;
     transition: all ease .5s;
}
 .new-development-services1-img {
     background: #eeeeee url(../img/hire-sprite.png) no-repeat;
}
 .new-development-services-img.location_music {
     background-position: -644px -705px;
}
 .new-development-services-img.elegant_methodology {
     background-position: -756px -703px;
}
 .new-development-services-img.plug_module {
     background-position: -870px -705px;
}
 .new-development-services-img.single_page_app {
     background-position: -974px -705px;
}
 .new-development-services-img.real_time_app {
     background-position: -1088px -702px;
}
 .new-development-services-img.user_Interactive {
     background-position: -1196px -702px;
}
 .yellow-color {
     background-color: #ffad00;
}
 .blue-color {
     background-color: #00d0ff
}
 .red-color {
     background-color: #f06152
}
 .purple-color {
     background-color: #49527b
}
 .nevy-color {
     background-color: #1b5eb7
}
 .green-color {
     background-color: #7da918
}
/*Firm to Design Distinctive*/
 .design_distinctive {
     position: relative;
     z-index: 100;
     background-image: linear-gradient(to bottom, #2371d5, #063675);
}
 .design_distinctive .left-details-div {
     align-content: center;
     align-items: center;
}
 .design_distinctive .left-details-div .distinctive_details {
     text-align: left;
}
 .small-hd {
     color: #0dcaf0;
     font-size: 24px;
     font-weight: 700;
     margin: 0px 0px 10px 0px;
     padding: 0px;
     text-align: left;
}
 .clo-heading-titel {
     font-size: 34px;
     font-weight: 700;
     line-height: 52px;
     color: #fff;
     margin: 0px 0px 10px 0px;
     padding: 0px;
     text-align: left;
}
 .design_distinctive .left-details-div p {
     text-align: justify;
     color: #fff;
     margin-bottom: 0;
     font-size: 16px;
     line-height: 36px;
}
 .design_distinctive .left-details-div .btn-get-started {
     margin-top: 20px;
}
 .design_distinctive .right-details-div {
}
 .design_distinctive .right-details-div .box-div {
     background-color: #f1f8fc;
     border: 1px solid #fff;
     border-radius: 10px;
     padding: 16px;
     margin: 16px 7px;
}
 .design_distinctive .right-details-div .box-div h5 {
     font-size: 18px;
     font-weight: 600;
     color: #1b1b1b;
     margin: 0px 0px 10px 0px;
     padding: 0px;
}
 .design_distinctive .right-details-div .box-div p {
     font-size: 16px;
     line-height: 30px;
     color: #212121;
     font-weight: 400;
     padding: 0px;
     margin: 0px;
}
 .design_distinctive .right-details-div .box-div .icon-div {
     width: 80px;
     height: 80px;
     border-radius: 10px;
     background: #ccc url(../img/sprite-new.png) no-repeat;
     margin-bottom: 15px;
}
 .design_distinctive .right-details-div .box-div.right-two {
     margin-top: 50px;
}
 .design_distinctive .right-details-div .box-div.right-three {
     margin-top: -15px;
}
 .design_distinctive .right-details-div .box-div .icon-div.highly_skilled {
     background-position: -1323px -728px;
}
 .design_distinctive .right-details-div .box-div .icon-div.timely_results {
     background-position: -1403px -728px;
}
 .design_distinctive .right-details-div .box-div .icon-div.cost_effective {
     background-position: -1487px -728px;
}
 .design_distinctive .right-details-div .box-div .icon-div.latest_technology {
     background-position: -1570px -728px;
}
/*Clients Choose Us*/
 .clients_choose_services {
}
 .clients_choose_services .clients_choose_services_col {
     padding: 14px;
     background: #fff;
     position: relative;
     background-image: linear-gradient(to bottom, #f2f2f2, #ffffff);
     height: auto;
     border-radius: 20px 20px 0px 0px;
     margin: 0px 0px 0px 0px;
}
 .clients_choose_services .clients_choose_services_col h4 {
     color: #1b1b1b;
     font-size: 18px;
     font-weight: 600;
     margin: 0px 0px 10px 0px;
     padding: 0px;
}
 .clients_choose_services .clients_choose_services_col p {
     margin: 0px;
     font-size: 15px;
     line-height: 32px;
     color: #212121;
     font-weight: 500;
}
 .clients_choose_services .clients_choose_services_col .icon-div {
     margin: 15px auto 15px auto;
     padding: 0px;
     text-align: center;
}
/*Ready to get your paragraph*/
 .ready_get_your_paragraph {
     height: auto;
}
 .ready_get_your_paragraph .inner-sub-title {
     margin-bottom: 0px;
}
 .details-section {
     padding: 50px 0px;
}
 .country-list, .country-list a {
     color: #212121;
     font-size: 14px;
     font-weight: 400;
     line-height: 28px;
     margin: 0;
    /* padding: 1px;
    */
     text-align: justify;
     text-decoration: none;
     text-transform: lowercase;
}
 .country-list a:hover {
     text-decoration: underline;
     color: #1f5fb0;
}
 .design_distinctive .right-details-div .box-new-div {
     background-color: #f1f8fc;
     border: 1px solid #fff;
     border-radius: 10px;
     padding: 16px;
     margin: 10px 0;
}
 .design_distinctive .right-details-div .box-new-div h5{
     font-size: 16px;
}
 .design_distinctive .right-details-div .box-new-div .icon-div{
     width: 60px;
     height: 60px;
}
 .list-part ul {
     margin: 10px 0 10px;
     padding: 0px;
}
 .list-part ul li {
     display: block;
     margin-bottom: 25px;
     padding-left: 28px;
     position: relative;
     z-index: 1;
     font-size: 15px;
     line-height: 28px;
     color: #212121;
     font-weight: 400;
}
 .list-part ul li::before {
     color: #00a651;
     content: "\f00c";
     font-family: FontAwesome;
     font-weight: 900;
     left: 0;
     position: absolute;
     top: -2px;
     font-size: 18px;
}
 .list-part ul li h5 {
     font-weight: 600;
     text-transform: uppercase;
     margin-bottom: 5px;
     font-size: 15px;
     color: #1b1b1b;
}
 .custom-box-row{
     width: auto;
     height: auto;
     margin: 0px 0px 20px 0px;
     padding: 0px;
}
 .custom-box-titel{
     display: flex;
     align-items: center;
     justify-content: start;
}
 .custom-box-titel .custom-service-icon{
     width: 50px;
     height: 50px;
     background: url(../img/sprite-new.png) no-repeat;
     margin-right: 10px;
}
 .custom-box-titel .custom-service-icon.security{
     background-position: 0px -950px;
}
 .custom-box-titel .custom-service-icon.quality{
     background-position: -55px -948px;
}
 .custom-box-titel .custom-service-icon.audibility{
     background-position: -107px -948px;
}
 .custom-box-titel .custom-service-icon.economical{
     background-position: -161px -948px;
}
 .custom-box-titel .custom-service-icon.adaptability{
     background-position: -213px -948px;
}
 .custom-box-titel .custom-service-icon.support{
     background-position: -267px -948px;
}
 .custom-box-titel .title {
     font-size: 20px;
     font-weight: 500;
     color: #ffac00;
     font-size: 18px;
     font-weight: 600;
}
 .custom-box-row .custom-details {
     padding-left: 64px;
     padding-top: 5px;
     color: #fff;
     font-size: 16px;
     line-height: 26px;
     font-weight: 400;
}
 .new-development-services-img.yii_dev {
     background-position: 11px -997px;
}
 .new-development-services-img.zend_dev {
     background-position: -96px -997px;
}
 .new-development-services-img.codeIgniter_dev {
     background-position: -207px -997px;
}
 .new-development-services-img.joomla_dev {
     background-position: -319px -997px;
}
 .new-development-services-img.ionic_dev {
     background-position: -430px -997px;
}
 .new-development-services-img.uiux_design {
     background-position: -538px -997px;
}
 .misc-box {
     padding-left: 20px;
     padding-right: 20px;
     color: #fff;
     background-repeat: no-repeat;
     background-size: cover;
     border: 1px solid #6996d2;
     position: relative;
     padding-top: 20px;
     padding-bottom: 20px;
     background-repeat: no-repeat;
     height: 100%;
}
 .misc-box::before{
     content: "";
     background: rgba(7, 55, 119, 0.9);
     position: absolute;
     bottom: 0;
     top: 0;
     left: 0;
     right: 0;
}
 .misc-box .details-div{
     position: relative;
     z-index: 1;
}
 .misc-box-bg1 {
     background-image: url(../img/services-box-bg.jpg);
}
 .misc-box-bg2 {
     background-image: url(../img/services-box-bg-2.jpg);
}
 .misc-box .icon-div {
     width: 90px;
     height: 90px;
     margin: 0 0 12px 0;
     float: none;
     background: url(../img/sprite-new.png) no-repeat;
     position: relative;
}
 .misc-box .icon-div.production-icon {
     background-position: -1331px -1016px;
}
 .misc-box .icon-div.html5-icon {
     background-position: -1442px -1016px;
}
 .misc-box .small-titel-text {
     color: #ffac00;
     font-size: 18px;
     font-weight: 600;
     margin: 0px 0px 10px 0px;
     padding: 0px;
     letter-spacing: 0.5px;
     line-height: 30px;
}
 .misc-box p {
     margin: 15px 0px 0px 0px;
     font-size: 14px;
     line-height: 30px;
     color: #fff;
     font-weight: 400;
}
 .services-we-desire .services-box-new-col .icon-div.consulting_icon {
     background-position: -218px -826px;
}
 .services-we-desire .services-box-new-col .icon-div.mobile_web {
     background-position: -330px -827px;
}
 .services-we-desire .services-box-new-col .icon-div.web_sites {
     background-position: -440px -827px;
}
 .services-we-desire .services-box-col .icon-div.web_migration {
     background-position: -551px -827px;
}
 .services-we-desire .services-box-col .icon-div.web_responsive {
     background-position: -662px -827px;
}
 .new-development-services-img.portals_web {
     background-position: -759px -814px;
}
 .new-development-services-img.enterprise_app {
     background-position: -872px -814px;
}
 .new-development-services-img.front_end {
     background-position: -982px -814px;
}
 .new-development-services-img.consultation {
     background-position: -1094px -827px;
}
 .new-development-services-img.maintenance {
     background-position: -1203px -814px;
}
 .services-we-desire .services-box-row .new-ser-icon{
     background: #1c62bd url(../img/sprite-services-icon.png) no-repeat;
     width: 110px;
     height: 110px;
     float: none;
     border-radius: 50px;
     position: absolute;
     left: -55px;
     top: 28px;
     border-radius: 100px;
}
 .services-we-desire .services-box-row .new-ser-icon.mean_stack{
     background-position: 11px 10px;
}
 .services-we-desire .services-box-row .new-ser-icon.react_js{
     background-position: -79px 12px;
}
 .services-we-desire .services-box-row .new-ser-icon.angular_js{
     background-position: -172px 12px;
}
 .services-we-desire .services-box-row .new-ser-icon.express{
     background-position: -264px 12px;
}
 .services-we-desire .services-box-row .new-ser-icon.node_js{
     background-position: -352px 9px;
}
 .services-we-desire .services-box-row .new-ser-icon.mongo_db{
     background-position: -445px 11px;
}
 .misc-box .icon-new-div {
     width: 90px;
     height: 90px;
     margin: 0 0 12px 0;
     float: none;
     background: url(../img/sprite-services-icon.png) no-repeat;
     position: relative;
}
 .misc-box .icon-new-div.responsive-icon {
     background-position: -548px 4px;
}
 .misc-box .icon-new-div.web-icon {
     background-position: -639px 4px;
}
 .misc-box .icon-new-div.mobile-icon {
     background-position: -728px 4px;
}
 .misc-box .icon-new-div.php-icon{
     background-position: -821px 4px;
}
 .new-web-six-services-img {
     background-image: url(../img/sprite-services-icon.png);
     background-repeat: no-repeat;
}
 .new-web-six-services-img.methods{
     background-position:-538px -79px;
}
 .new-web-six-services-img.quality{
     background-position: 11px -76px;
}
 .new-web-six-services-img.delivery{
     background-position: -94px -76px;
}
 .new-web-six-services-img.satisfaction{
     background-position: -207px -76px;
}
 .new-web-six-services-img.solutions{
     background-position: -320px -82px;
}
 .new-web-six-services-img.maintenance{
     background-position: -426px -79px;
}
 .sprite-services-icon{
     background: url(../img/sprite-services-icon.png) no-repeat;
}
 .box_feat_home {
     position: relative;
     padding: 0 0 0 100px;
     margin-bottom: 30px;
     text-align: left;
}
 .box_feat_home.left-m{
     margin-left: 20px;
}
 .box_feat_home.right-m{
     margin-right: 20px;
}
 .box_feat_home .icon-img {
     width: 70px;
     height: 70px;
     position: absolute;
     left: 0;
     top: 0;
}
 .box_feat_home .icon-img.product_dev{
     background-position: -675px -107px;
}
 .box_feat_home .icon-img.dedicated_team{
     background-position:-877px -106px;
}
 .box_feat_home .icon-img.real_time{
     background-position: -776px -107px;
}
 .box_feat_home .icon-img.microservices{
     background-position: -15px -217px;
}
 .box_feat_home .icon-img.front_back{
     background-position: -116px -217px;
}
 .box_feat_home .icon-img.faster_dev{
     background-position: -218px -217px;
}
 .box_feat_home .icon-img.secured_dev{
     background-position: -317px -217px;
}
 .box_feat_home .icon-img.economical_dev{
     background-position: -420px -217px;
}
 .box_feat_home .icon-img.automation_testing{
     background-position: -978px -107px;
}
 .box_feat_home .icon-img.performance_testing{
     background-position: -1080px -107px;
}
 .box_feat_home .icon-img.security_testing{
     background-position: -1180px -107px;
}
 .box_feat_home .icon-img.usability_testing{
     background-position: -1282px -107px;
}
 .box_feat_home .icon-img.regression_testing{
     background-position: -1382px -107px;
}
 .box_feat_home .icon-img.compatibility_testing{
     background-position: -1483px -107px;
}
 .blues-box-icon {
     width: 60px;
     height: 60px;
     margin: 0px auto 20px;
}
 .blues-box-icon.libraries{
     background-position: -523px -223px;
}
 .blues-box-icon.scalability{
     background-position: -626px -221px;
}
 .blues-box-icon.communication{
     background-position: -727px -221px;
}
 .blues-box-icon.improve{
     background-position: -829px -221px;
}
 .misc-box .icon-new-div.module-icon {
     background-position: -4px -307px;
}
 .misc-box .icon-new-div.react-icon {
     background-position: -105px -307px;
}
 .misc-box .icon-new-div.migrating-icon {
     background-position: -208px -307px;
}
 .blue-box h4 {
     line-height: 40px;
     font-size: 20px;
     font-weight: 600;
}
 .box_feat_home p {
     margin: 0px;
     font-size: 15px;
     line-height: 30px;
     color: #212121;
     font-weight: 500;
     text-align: justify;
}
 .inner-small-s-title {
     color: #030a3e;
     font-size: 18px;
     font-weight: 600;
     margin: 0px 0px 10px 0px;
     padding: 0px;
}
 .skill-box{
     z-index: 3;
     position: relative;
     background-color: #fff !important;
     padding: 1.5rem !important;
}
 .skill-box .inner-small-g-title{
     line-height: 38px;
}
 .section_blue_bg_row .btn-get-started:hover {
     background-color: #053674;
     color: #fff;
}
 .services-box-img {
     position: relative;
     margin-left: -50px;
     margin-top: 0px;
     min-width: calc(50% + 50px);
     flex: none;
}
 .box-shadow {
     box-shadow: 0px 10px 22px rgba(0,0,0,.05);
}
 .rounded {
     border-radius: .25rem !important;
}
 .cad-benefit-box .cad-icon-div.manual_testing {
     background-position: -919px -8px;
}
 .cad-benefit-box .cad-icon-div.mobile_testing {
     background-position: -1012px -11px;
}
 .cad-benefit-box .cad-icon-div.functional_testing {
     background-position: -1103px -11px;
}

.services-we-desire .services-box-row .new-ser-icon.custom_magento {
	background-position: -1171px 10px;
}
.services-we-desire .services-box-row .new-ser-icon.magento_theme {
	background-position: -1262px 10px;
}
.services-we-desire .services-box-row .new-ser-icon.magento_extension {
	background-position: -1354px 10px;
}
.services-we-desire .services-box-row .new-ser-icon.magento_headless {
	background-position: -1442px 10px;
}
.services-we-desire .services-box-row .new-ser-icon.customized_website {
	background-position: -1534px 10px;
}
.services-we-desire .services-box-row .new-ser-icon.magento_web {
	background-position: -1626px 14px;
}
.misc-box .icon-new-div.customized_module {
	background-position: -1730px 4px;
}
.misc-box .icon-new-div.payment_gateway {
	background-position: -1821px 4px;
}
.new-web-six-services-img.consulting {
	background-position: -1552px -77px;
}
.new-web-six-services-img.ecommerce {
	background-position: -1655px -74px;
}
.new-web-six-services-img.migration {
	background-position: -1753px -74px;
}
.new-web-six-services-img.performance {
	background-position: -893px -183px;
}
.new-web-six-services-img.technical {
	background-position: -994px -183px;
}
.new-web-six-services-img.server-migration {
	background-position: -1097px -183px;
}
.box_feat_home .icon-img.java_migration {
	background-position: -1125px -216px;
}
.box_feat_home .icon-img.java_development {
	background-position: -1529px -216px;
}
.box_feat_home .icon-img.java_mobile {
	background-position: -1632px -216px;
}
.box_feat_home .icon-img.support_maintenance {
	background-position: -1734px -216px;
}
.box_feat_home .icon-img.custom_java {
	background-position: -1834px -216px;
}
.box_feat_home .icon-img.java_product {
	background-position: -319px -317px;
}
.cad-benefit-box .cad-icon-div.java_app {
	background-position: -1226px -216px;
}
.cad-benefit-box .cad-icon-div.java_enterprise {
	background-position: -1329px -216px;
}
.cad-benefit-box .cad-icon-div.java_integrations {
	background-position: -1430px -216px;
}
.new-web-six-services-img.simple {
	background-position: -388px -290px;
}
.new-web-six-services-img.secure {
	background-position: -489px -284px;
}
.new-web-six-services-img.dynamic {
	background-position: -589px -284px;
}
.new-web-six-services-img.independent {
	background-position: -691px -286px;
}
.new-web-six-services-img.object-oriented {
	background-position: -792px -286px;
}
/*cad-css*/
 .inner-small-g-title {
     text-decoration: none;
     color: #1b1b1b;
     font-size: 22px;
     font-weight: 600;
     margin: 0px 0px 15px 0px;
     padding: 0px;
}
.inner-small-p-details {
	margin-top: 0;
	margin-bottom: 1rem;
	color: #212121;
	font-size: 16px;
	line-height: 34px;
	font-weight: 400;
}
 .misc-box .icon-cad-div {
     width: 90px;
     height: 90px;
     margin: 0 0 12px 0;
     float: none;
     background: url(../img/sprite-cad.png) no-repeat;
     position: relative;
}
 .cad-icon{
     background: url(../img/sprite-cad.png) no-repeat;
     position: relative;
}
 .misc-box .icon-cad-div.project-feasibility {
     background-position: -10px -10px;
}
 .misc-box .icon-cad-div.bim-impleme {
     background-position: -121px -10px;
}
 .cad-benefit-box {
     box-shadow: 0 6px 12px 0 rgb(9 27 90 / 13%);
     padding: 1.5rem 1rem;
     border: 1px solid rgba(59,130,246,.5);
     border-radius: 1rem;
     text-align: center;
     display: flex;
     flex-direction: column;
     align-items: center;
     width: 100%;
     height: 100%;
     margin: 0 auto;
     transition-property: transform;
     transition-timing-function: cubic-bezier(0.36, 0, 0.34, 0.88);
     transition-duration: .2s;
}
 .clearfix::before, .clearfix::after {
     display: table;
     clear: both;
     content: "";
     line-height: 0;
}
 .cad-benefit-box .cad-icon-div{
     width: 70px;
     height: 70px;
     margin: 0px auto 15px auto;
}
 .cad-benefit-box .cad-icon-div.evaluating {
     background-position: -226px -5px;
}
 .cad-benefit-box .cad-icon-div.goals {
     background-position: -306px -5px;
}
 .cad-benefit-box .cad-icon-div.implementation {
     background-position: -387px -5px;
}
 .cad-benefit-box .cad-benefit-title {
     font-weight: 600;
     color: #030a3e;
     font-size: 20px;
     line-height: 30px;
}
 .cad-benefit-box p {
     margin: 0px;
     font-size: 15px;
     line-height: 32px;
     color: #212121;
     font-weight: 500;
}
 .usp-1-wrap {
     display: flex;
     flex-direction: row;
     align-items: normal;
     justify-content: center;
     margin: 0px auto 0px auto;
     flex-wrap: wrap;
}
 .usp-1-box {
     border-left: .25em solid #053674;
     background-color: #f7f7f7 !important;
     padding: 12px 20px;
     position: relative;
     margin: 5px 6px;
     position: relative;
     padding-left: 62px;
}
 .usp-1-bixtext span.parameter {
     font-size: 16px;
     line-height: normal;
     font-weight: 600;
     color: #212121;
     margin-bottom: 0 !important;
     text-transform: unset;
}
 .usp-1-box .icon-img {
     position: absolute;
     width: 43px;
     height: 36px;
     background-position: -479px -3px;
     top: 13px;
     left: 10px;
}
 .services-name-box {
     box-shadow: 0 5px 20px 0 rgba(210, 210, 245, 0.5);
     padding: 20px;
     background: #fff;
     border-radius: 10px;
     max-width: 220px;
     margin: 10px auto 10px auto;
     height: auto;
}
 .services-name-box .titel-text {
     font-size: 16px;
     line-height: normal;
     font-weight: 600;
     color: #212121;
     text-align: center;
     line-height: 28px;
}
 .services-name-box .ser-icon{
     width: 70px;
     height: 70px;
     margin: 0px auto 10px auto;
}
 .services-name-box .ser-icon.hvac{
     background-position: -550px -3px;
}
 .services-name-box .ser-icon.architectural{
     background-position: -626px -3px;
}
 .services-name-box .ser-icon.structural {
     background-position: -703px -3px;
}
 .services-name-box .ser-icon.mep {
     background-position: -782px -3px;
}
 .section_blue_bg_row ul{
     margin: 0px;
     padding: 0px;
     color: #fff;
}
 .section_blue_bg_row ul li{
     font-size: 16px;
     line-height: 32px;
     font-weight: 400;
     margin: 0px;
     padding: 2px 0px 2px 30px;
     position: relative;
     list-style: none;
}
 .section_blue_bg_row ul li i {
     color: #ffac00;
     font-size: 22px;
     padding: 0;
     position: absolute;
     left: 0;
     top: 9px;
}
 .effective_benefits{
    /* padding: 0px;
     margin: 0px;
     */
     padding: 30px 0px;
     position: relative;
}
 .effective_benefits .section-title{
     text-align: left;
     padding-bottom: 10px;
}
 .effective_benefits .section-title .inner-sub-title{
     color: #fff;
}
 .effective_benefits .section-title span {
     border-bottom: 1px solid #6996d2;
     border-top: 1px solid #6996d2;
     color: #fff;
     text-align: left;
}
 .effective_benefits::before {
     position: absolute;
     width: 58.33333333%;
     background: linear-gradient(to bottom, #2371d5, #063675);
     content: '';
     height: 100%;
     right: 0px;
     top: 0px;
}
 .effective_benefits::after {
     position: absolute;
     width: 41.66666667%;
     background: #fff url(../img/effective-benefits-bg.jpg) no-repeat center top;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: top;
     content: '';
     height: 100%;
     left: 0px;
     top: 0px;
}
 .effective_benefits .right-div{
     padding-left:50px;
}
 .services-processes{
     text-align: center;
}
 .services-processes img{
     max-width: 90%;
     margin: 0px auto;
}
 .ml-auto, .mx-auto {
     margin-left: auto !important;
}
 .new-cad-six-services-img {
     background-image: url(../img/sprite-cad.png);
     background-repeat: no-repeat;
}
 .new-cad-six-services-img.economical{
     background-position: 13px -101px;
}
 .new-cad-six-services-img.allocation{
     background-position: -98px -101px;
}
 .new-cad-six-services-img.technology{
     background-position: -208px -101px;
}
 .new-cad-six-services-img.organized{
     background-position: -316px -101px;
}
 .new-cad-six-services-img.expert-eng{
     background-position: -427px -101px;
}
 .new-cad-six-services-img.facility{
     background-position: -540px -101px;
}
 .ml-mr-10{
     margin-left: 10px;
     margin-right: 10px;
}
 .industries-serve-box {
     max-width: 200px;
     margin-top: 10px;
     margin-bottom: 10px;
     height: auto;
}
 .services-name-box .ser-icon.residential {
     background-position: -857px -3px;
}
 .services-name-box .ser-icon.commercial {
     background-position: -935px -3px;
}
 .services-name-box .ser-icon.station {
     background-position: -1010px -3px;
}
 .services-name-box .ser-icon.hospitality {
     background-position: -1088px -3px;
}
 .services-name-box .ser-icon.industrial {
     background-position: -1165px -3px;
}
 .services-name-box .ser-icon.educational {
     background-position: -1242px -3px;
}
 .related_articles_box {
     margin: 10px 0px;
     padding: 10px 10px 10px 160px;
     width: auto;
     height: 152px;
     position: relative;
     background: #f2f2f2;
     display: flex;
     align-items: center;
     border: 1px solid rgba(206, 206, 206, 0.5);
     box-shadow: 0 6px 12px 0 rgb(9 27 90 / 13%);
}
 .related_articles_box h6 {
     font-size: 16px;
     line-height: 28px;
     font-weight: 600;
     color: #212121;
     margin: 0;
}
 .related_articles_box h6 a{
     text-decoration: none;
     font-size: 16px;
     line-height: 28px;
     font-weight: 600;
     color: #212121;
}
 .related_articles_box h6 a:hover{
     text-decoration: none;
     color: #ffac00;
}
 .related_articles_box .img-div {
     position: absolute;
     height: 100%;
     width: 130px;
     left: 10px;
     top: 10px;
}
 .related_articles_box .img-div img{
     height: auto;
     max-width: 100%;
}
 .services-we-desire .services-box-row .new-cad-icon {
     background-color: #1c62bd;
     width: 110px;
     height: 110px;
     float: none;
     border-radius: 50px;
     position: absolute;
     left: -55px;
     top: 28px;
     border-radius: 100px;
}
 .services-we-desire .services-box-row .new-cad-icon.cad_drawings {
     background-position: -655px -108px;
}
 .services-we-desire .services-box-row .new-cad-icon.project_based {
     background-position: -770px -112px;
}
 .services-we-desire .services-box-row .new-cad-icon.rules_regulations {
     background-position: -886px -112px;
}
 .services-we-desire .services-box-row .new-cad-icon.delivery_time {
     background-position: -994px -110px;
}

 .services-we-desire .services-box-row .new-cad-icon.maximized {
     background-position: -1109px -106px;
}
 .services-we-desire .services-box-row .new-cad-icon.reduce {
     background-position: -1212px -108px;
}
 .services-we-desire .services-box-row .new-cad-icon.improved {
     background-position: -1329px -111px;
}
img{
	max-width: 100%;
	height: auto;
}
.services-we-desire .services-box-row .new-ser-icon.educational_games {
	background-position: 6px -400px;
}
.services-we-desire .services-box-row .new-ser-icon.games_development {
	background-position: -96px -396px;
}
.misc-box .icon-new-div.unity_platform {
	background-position:-206px -408px;
}
.misc-box .icon-new-div.nft_game {
	background-position: -308px -408px;
}
.misc-box .icon-new-div.unreal_engine {
	background-position: -406px -408px;
}
.design_distinctive .right-details-div .box-div .sprite-services-icon {
	background: url(../img/sprite-services-icon.png) no-repeat;
}
.design_distinctive .right-details-div .box-div .icon-div.inter_applications {
	background-position: -514px -414px;
}
.design_distinctive .right-details-div .box-div .icon-div.multiple_formats {
	background-position: -614px -413px;
}
.design_distinctive .right-details-div .box-div .icon-div.memory_performance {
	background-position: -816px -414px
}
.design_distinctive .right-details-div .box-div .icon-div.game_enhancements {
	background-position: -716px -413px;
}
.usp-1-box .icon-img.android-icon{
	background-position: -1964px -1px;
}
.new-web-six-services-img.development {
	background-position: -1805px -182px;
}
.new-web-six-services-img.maintenance {
	background-position: -1704px -188px;
}
.new-web-six-services-img.security {
	background-position: -1148px -76px;
}
.new-web-six-services-img.planning {
	background-position: -1498px -287px;
}
.new-web-six-services-img.launch {
	background-position: -1598px -287px;
}
.misc-box .icon-new-div.specialized {
	background-position: -1723px -306px;
}
.misc-box .icon-new-div.testing_quality {
	background-position: -1823px -306px;
}
.misc-box .icon-new-div.support_maintenance {
	background-position: -912px -408px;
}


/*Get in Touch with us*/

.color-switcher {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 280px;
    background: #fff;
    text-align: center;
    transition: all .5s ease 0;
    z-index: 999;
	box-shadow: 0 1px 10px 3px rgba(0,0,0,.18);
	border-radius: 5px 5px 0px 0px;
	overflow: hidden;
}

.color-switcher.switcher-palate {
    bottom: -402px
}

.color-trigger {
    position: relative;
    top: 0;
    height: auto;
    right: 0;
    width: auto;
    line-height: normal;
    cursor: pointer;
    background-image: linear-gradient(to bottom, #2371d5, #063675);
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 15px 10px
}

.color-trigger i {
    font-size: 20px;
    line-height: normal;
    color: #fff;
	margin-left: 10px;
}

.color-switcher .form-div {
    padding: 10px 20px;
    margin: 0
}

.color-switcher .form-div input, .color-switcher .form-div select {
	padding: 8px 15px;
	margin: 5px 0;
	width: 100%;
	background: #fff;
	border: 0;
	outline: 0;
	font-size: 13px;
	/* color: #464646; */
	/* font-weight: 400; */
	background-clip: padding-box;
	border: 1px solid #ced4da;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
}

.color-switcher .form-div textarea {
    padding: 5px 15px;
    margin: 5px 0;
    width: 100%;
    height: 80px;
    border: 0;
    outline: 0;
    background-clip: padding-box;
	border: 1px solid #ced4da;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	font-size: 13px;
}

.color-switcher .form-div .submit {
    background-color: #ffac00;
    padding: 8px 20px;
    text-align: center;
    margin: 10px 0px 0px 0px;;
    color: #053573;
    font-size: 20px;
    font-weight: 600;
    display: block;
    text-transform: uppercase;
	border-radius: 5px;
}
.code-input-file {
	width: 72% !important;
/*	margin-bottom: 10px !important;*/
}
.apply-form-inner .form-row {
	margin-left: 0;
	margin-right: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}
.apply-form-inner .form-row label.input-label {
	position: relative;
	left: 0;
	color: #646464;
	height: auto;
	font-weight: 400;
	-webkit-backface-visibility: hidden;
	pointer-events: none;
	font-size: 14px;
	font-weight: 400;
	display: block;
	margin: 0 0 10px 0;
	width: 100%;
	font-weight: 500;
	text-transform: none;
}
.apply-form-inner .form-row input, .apply-form-inner .form-row select  {
	padding: 8px 15px;
margin: 0px 0;
width: 100%;
background: #fff;
  background-clip: border-box;
border: 0;
outline: 0;
font-size: 13px;
color: #646464;
font-weight: 400;
background-clip: padding-box;
border: 1px solid #ced4da;
font-weight: 400;
line-height: 1.5;
color: #212529;
	height: 38px;
}
/*
.apply-form-inner .form-row .form-control {
		padding: 8px 15px;
		margin: 0px 0;
		width: 100%;
		background: #fff;
		  background-clip: border-box;
		border: 0;
		outline: 0;
		font-size: 13px;
		color: #464646;
		font-weight: 400;
		background-clip: padding-box;
		border: 1px solid #ced4da;
		font-weight: 400;
		line-height: 1.5;
		color: #212529;
}
*/

.apply-form-inner .form-row textarea {
	padding: 5px 15px;
margin: 0px 0;
width: 100%;
height: 80px;
border: 0;
outline: 0;
background-clip: padding-box;
border: 1px solid #ced4da;
font-weight: 400;
line-height: 1.5;
color: #212529;
font-size: 13px;
}
.captcha-code-row .code_new_img {
	float: left;
	margin: 0 10px 0 0;
	padding: 12px 0 0;
	height: 46px;
}
.captcha-code-row input {
	width: 200px !important;
	float: left;
}
.req {
	color: red;
	font-size: 13px;
	font-weight: 400;
}
.navbar .dropdown .apply-form-inner .btn_contact {
	font-weight: 600;
	font-size: 20px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 12px 26px;
	border-radius: 5px;
	transition: 0.5s;
/*	line-height: 1;*/
	margin: 10px 0px 0px 0px;
	color: #fff;
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
	background-color: #063777;
	text-transform: uppercase;
	min-width: 180px;
	text-align: center;
	cursor: pointer;
}
.navbar .dropdown .apply-form-inner .btn_contact:hover{
	background-color: #ffac00;
	color: #063777;
}

/*Contact us Page*/

.quick-box {
	width: 100%;
	display: block;
	float: right;
	position: relative;
	z-index: 9;
	background: #fff;
	margin: 0 0 0 0;
	padding: 50px 75px;
	border-radius: 0px;
	-webkit-box-shadow: 1px 9px 19px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 1px 9px 19px 0px rgba(0,0,0,0.15);
	box-shadow: 1px 9px 19px 0px rgba(0,0,0,0.15);
}
.quick-box .btn-get-started {
	font-weight: 600;
	font-size: 22px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 15px 26px;
	border-radius: 5px;
	line-height: 1;
	margin: 0 10px 0 0;
	color: #fff;
	animation-delay: .8s;
	background-color: #063777;
	text-transform: uppercase;
	cursor: pointer;
}
.quick-box .btn-get-started:hover{
	background-color: #ffac00;
	color: #053573;
}

.contact-details-box-ad {
    padding: 30px 15px;
    margin: 0;
    width: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    color: #fff;
    min-height: 238px;
}

.contact-details-box-ad.india {
    background-image: url(../img/statue-of-unity-bg.webp) !important
}

.contact-details-box-ad h2 {
    font-size: 26px;
    font-weight: 700;
    margin: 0 0 5px;
    padding: 0;
    text-transform: uppercase
}

.contact-details-box-ad h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 5px 0;
    line-height: 24px
}

.contact-details-box-ad .details-text {
    padding: 2px 0 2px 22px;
    position: relative;
    font-size: 15px;
    font-weight: 600;
    line-height: 25px;
    color: #fff;
    text-align: left
}

.contact-details-box-ad .details-text i {
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 16px
}

.contact-details-box-div {
    width: auto;
    height: 100%;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    color: #444;
    text-align: left;
    padding: 22px 20px;
    border: 1px solid #ddd;
    box-shadow: 0 0 28px rgba(86, 86, 86, .12);
	background-color: #fff;
}

.contact-details-box-div .text-row {
    padding: 5px 0
}

.contact-details-box-map {
    min-height: 348px;
    margin: 0;
    padding: 0
}

.contact-details-box-ad.usa {
    background-image: url(../img/usa-bg.webp) !important
}

.contact-details-box-ad.uk {
    background-image: url(../img/uk-bg.webp) !important
}

.contact-details-box-ad.new-zealand {
    background-image: url(../img/new-zealand-bg.webp) !important
}

.contact-row {
    margin-bottom: 15px;
    margin-top: 15px
}

.contact-details-box-ad.uae {
    background-image: url(../img/uae-bg.webp) !important
}

.contact-details-box-ad.australia {
    background-image: url(../img/australia-bg.webp) !important
}

.contact-details-box-div .bottom_country_number_main{
	color: #444;
}
.contact-details-box-div .bottom_country_number {
	font-size: 18px;
	padding: 10px 0;
	letter-spacing: 1px;
}
#hero.inner-hero h3.contact-titel {
	font-size: 24px;
	line-height: 44px;
}
 .services-we-desire .services-box-row .new-cad-icon.bim-contractors {
     background-position: 0px -224px;
}
 .services-we-desire .services-box-row .new-cad-icon.bim-architects {
     background-position: -109px -222px;
}
.misc-box .icon-cad-div.bim-project {
     background-position: -232px -232px;
}
.misc-box .icon-cad-div.total-collaboration {
     background-position: -342px -232px;
}
.misc-box .icon-cad-div.bim-fabricators {
     background-position: -452px -232px;
}

.services-name-box .ser-icon.rebar-shop {
	background-position: -556px -223px;
}
.services-name-box .ser-icon.rebar-modeling {
	background-position: -636px -223px;
}
.services-name-box .ser-icon.bending-schedules {
	background-position: -714px -223px;
}
.services-name-box .ser-icon.as-built {
	background-position: -791px -223px;
}

#hero h2.inner-new-hd {
	font-size: 56px;
}
#hero h2.inner-new-hd  span::before {
	position: absolute;
	height: 4px;
	width: 65px;
	background: #ffac00;
	left: 0;
	content: '';
	top: 38px;
}

h2.inner-sub-title-small{
	font-size: 26px;
	text-transform: none;
	margin-bottom: 20px;
	padding-bottom: 0;
	color: #053674;
	font-weight: 600;
	line-height: normal;
	letter-spacing: normal;
}
.inner-small-t-title {
	text-decoration: none;
	color: #1b1b1b;
	font-size: 22px;
	font-weight: 700;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	text-transform: uppercase;
}

.design-development-img::after {
	background: url(../img/design-development-img-bg.jpg) top/cover no-repeat #fff;
	content: '';
}
.cad-benefit-box .cad-icon-div.deficient {
	background-position: -19px -350px;
}
.cad-benefit-box .cad-icon-div.conservation {
	background-position: -131px -352px;
}
.cad-benefit-box .cad-icon-div.significance {
	background-position: -244px -352px;
}
.services-we-desire .services-box-row .new-cad-icon.rain-proof {
	background-position: -858px -220px;
}
.services-we-desire .services-box-row .new-cad-icon.alloy {
	background-position: -972px -220px;
}
.services-we-desire .services-box-row .new-cad-icon.groove {
	background-position: -1085px -223px;
}
.misc-box .icon-cad-div.project-feasibility {
	background-position: -10px -10px;
}
.misc-box .icon-cad-div.decorative {
	background-position: -1206px -228px;
}
.misc-box .icon-cad-div.foam {
	background-position: -1318px -228px;
}

.services-name-box .ser-icon.bim-clash {
	background-position: -336px -334px;
}
.services-name-box .ser-icon.architectural-clash {
	background-position: -413px -334px;
}
.services-name-box .ser-icon.structural-clash {
	background-position: -490px -334px;
}
.services-name-box .ser-icon.mep-clash {
	background-position: -567px -334px;
}
.services-name-box .ser-icon.hvac-clash {
	background-position: -644px -333px;
}
.services-name-box .ser-icon.fire-clash {
	background-position: -722px -331px;
}

.new-cad-six-services-img.dedicated {
	background-position:  -785px -320px;
}
.new-cad-six-services-img.support-new {
	background-position:  -894px -320px;
}
.new-cad-six-services-img.operational-cost {
	background-position:  -1318px -99px;
}
.new-cad-six-services-img.agile-process {
	background-position:  -1004px -320px;
}
.new-cad-six-services-img.quick-time {
	background-position: -984px -99px;
}

.medial-payment-div {
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 0;
	box-shadow: 0 2px 15px rgba(0,0,0,.1);
	padding: 50px 30px 30px;
	box-sizing: border-box;
	display: inline-block;
	background: #fff;
}
.medial-payment-div .nav-tab-M {
	background: #172959;
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	height: 50px;
	text-transform: uppercase;
}
.medial-payment-details {
	border: #d2d2d2 1px solid;
	border-top: 0;
	padding: 9px;
}
.medial-payment-div table {
	margin: 0;
}
.medial-payment-div table tr {
	border: 0;
}
.medial-payment-div table td, .medial-payment-div table th {
	padding: 0;
	vertical-align: inherit;
}
.payment-details-text {
	font-size: 15px;
	font-weight: 600;
	color: #525151;
	text-decoration: none;
	padding: 0;
}
.medial-payment-div select, .medial-payment-div input {
padding: 8px 15px;
margin: 5px 0;
width: 100%;
background: #fff;
 background-clip: border-box;
border: 0;
outline: 0;
font-size: 14px;
color: #464646;
font-weight: 400;
background-clip: padding-box;
border: 1px solid #ced4da;
font-weight: 400;
line-height: 1.5;
color: #212529;
}
.medial-payment-div table td .btn {
	font-weight: 600;
font-size: 22px;
letter-spacing: 1px;
display: inline-block;
padding: 12px 50px;
border-radius: 5px;
line-height: 1;
margin: 0 0 0 0;
color: #fff;
animation-delay: .8s;
background-color: #063777;
text-transform: uppercase;
}
/* hire pages */
#hero.inner-hero ul{margin: 0;padding: 0;}
#hero.inner-hero ul li {
	color: #fff;
	list-style: none;
	padding-bottom: 10px;
}
#hero.inner-hero ul li .fa {
	padding-right: 10px;
	color: #ffac00;
}
#inner-banner-form{padding-left: 50px;}
.formbox-new {
	width: 100%;
	display: inline-block;
	background: #fff;
	border-radius: 20px;
	padding-bottom: 20px;
}
.formbox-new .headingsec {
	padding: 20px 30px;
	text-align: left;
	margin: 0 0 22px;
	background: #00a651;
	background: linear-gradient(90deg, rgba(0,166,81,1) 0%, rgba(2,118,59,1) 100%);
	border-radius: 20px 20px 0px 0px;
}
#hero .formbox-new .headingsec h2 {

	color: #fff;text-transform: none;font-size: 30px;line-height: 32px;
}

.hirebanner-new p {
	color: #fff;
	line-height: 30px;
	margin: 0px;
	text-align: justify;
}

.form-div1 {
	padding: 10px 20px;
	margin: 0;
}
.form-div1 input, .form-div1 select {
	padding: 5px 15px;
	margin: 5px 0;
	width: 100%;
	background: 0 0;
	border: 0;
	outline: 0;
	font-size: 14px;
	color: #464646;
	font-weight: 400;
	border: 1px solid #e6e6e6;
}
.form-div1 textarea {
	padding: 5px 15px;
	margin: 5px 0;
	width: 100%;
	height: 80px;
	background: 0 0;
	border: 0;
	outline: 0;
	font-size: 14px;
	color: #464646;
	font-weight: 400;
	border: 1px solid #e6e6e6;
}
.form-div1 .submit {
	background-color: #172959;
	padding: 8px 20px;
	text-align: center;
	margin: 0;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	display: block;
	text-transform: uppercase;
}


.welcome .content ul.part_list_menu {
	padding: 0;
	margin: 0px 0px 25px 0px;
}
ul.part_list_menu li {
	display: inline-block;
	width: 49%;
	line-height: 32px;color: #212121;
}
.welcome .content ul.part_list_menu i {
	color: #00a651;
	font-size: 22px;
	padding: 0;
	position: absolute;
	left: 0;
	top: 6px;
}

.inner-special-heading-text-list {
	padding: 8px;
	display: inline-block;
	text-align: center;
	border-bottom: 1px solid #a8a8a8;
    border-top: 1px solid #a8a8a8;
	font-size: 16px;
    margin-bottom: 0px;
}

.inner-special-heading-text-list li {
	display: inline-block !important;
	width: auto !important;
	padding-right: 30px;
}
.inner-special-heading-text-list .fa {
	color: #00a651;
	font-size: 14px;
	padding-right: 10px;
	position: relative;
	top: 0px;
}

.work-timer {
	background-color: #f1f8fc;margin-top: 15px;position: relative;
}
.timer_box {
	border-left: 2px solid #fff;
	padding: 30px 30px 80px 30px !important;
}
.box_odd {
	background-color: #dfeef8;
}
.timer_box_head {
	color: #003d8f !important;
	font-weight: 700;
	font-size: 1.75rem;
	margin-bottom: 1.5rem !important;
	line-height: 40px;
}
.timer_box ul {
	padding-left: 0px;
}
.timer_box li {
	background-image: url(../img/ic-corporate-checkmark-bright-bg.svg);
	background-repeat: no-repeat;
	list-style: none;
	padding-left: 35px;
	background-position: left 9px;
	line-height: 40px;
	color: #223857;
}
.box_even {
	background-color: #f1f8fc;
}
.open-source-list-sign-up-btn1 {
	position: absolute;
	bottom: 40px;
}
.open-source-list-sign-up-btn1 a {
	text-align: center;
	margin: 0 auto;
	background: #11c7e6;
	color: #0b2a63;
	border-color: #11c7e6;
	font-weight: 700;
	font-size: 18px;
	padding: 12px 35px;
	border-radius: 60px;
}
.inner-hire-page{padding: 40px 0 0px 0px;}
.menu-icon-bg{background: url(../img/tab-icon-bg2.png) no-repeat;height: 48px;width: 46px;margin: 0px auto}

.inner-hire-tab ul > li > a .mongodb {background-position: -3px -51px;}
.inner-hire-tab > li > a .expressjs{background-position: -52px -51px;}
.inner-hire-tab > li > a .angularjs{background-position: -100px -51px;}
.inner-hire-tab > li > a .nodejs{background-position: -148px -51px;}

.inner-hire-tab ul > li > a .mvcframe{background-position: -196px -51px;}
.inner-hire-tab ul > li > a .laravel{background-position: -244px -51px;}
.inner-hire-tab ul > li > a .yiiframe{background-position: -296px -51px;}
.inner-hire-tab ul > li > a .phpcode{background-position: -343px -51px;}
.inner-hire-tab ul > li > a .cakephp{background-position: -393px -51px;}
.inner-hire-tab ul > li > a.active .mongodb , .inner-hire-tab > li > a:hover .mongodb {background-position: 0px 0px;}
.inner-hire-tab ul > li > a.active .expressjs , .inner-hire-tab > li > a:hover .expressjs{background-position: -52px 0px;}
.inner-hire-tab ul > li > a.active .angularjs , .inner-hire-tab > li > a:hover .angularjs{background-position: -100px 0px;}
.inner-hire-tab ul > li > a.active .nodejs , .inner-hire-tab > li > a:hover .nodejs{background-position: -148px 0px;}

.inner-hire-tab ul > li > a.active .mvcframe , .inner-hire-tab > li > a:hover .mvcframe{background-position: -196px 0px;}
.inner-hire-tab ul > li > a.active .laravel , .inner-hire-tab > li > a:hover .laravel{background-position: -244px 0px;}
.inner-hire-tab ul > li > a.active .yiiframe , .inner-hire-tab > li > a:hover .yiiframe{background-position: -296px 0px;}
.inner-hire-tab ul > li > a.active .phpcode , .inner-hire-tab > li > a:hover .phpcode{background-position: -343px 0px;}
.inner-hire-tab ul > li > a.active .cakephp , .inner-hire-tab > li > a:hover .cakephp{background-position: -393px 0px;}
.inner-hire-tab ul{color: #212121;border-bottom: 4px solid #053573;}
.inner-hire-tab ul > li {width: 20%;	padding: 0px 0px;}
.inner-hire-tab .nav-pills .nav-link.active, .inner-hire-tab .nav-pills .show > .nav-link {
	color: #fff;
	background-color: #053573;
	border-radius: 0px;
}
.inner-hire-tab .nav-link {
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    display: block;
    text-align: center;
    padding: 20px 0px;
    font-size: 18px;
    font-weight: 600;border-radius: 0px;color: #053573;
}
.inner-hire-tab-head{
    color: #003d8f ;
    font-weight: 700;
    font-size: 28px;
    margin-bottom: 1.5rem !important;
    line-height: 40px;
    position: relative;padding-bottom: 25px;padding-top: 25px;
}
.inner-hire-tab-head::before {
	left: 0;
	background: #053573;
	bottom: 2px;
	width: 50px;
	height: 4px;
	position: absolute;
	content: '';
}
.tab-main-image img {
	padding-right: 0;
	max-width: 300px;
	margin-top: 25px;
}
.section_detail {
	color: #fff;
	text-align: center;
	padding: 40px 20px;
	border: 1px solid #60aedb87; margin-top: 30px;
}
.section_detail_img {
	text-align: center;
	width: 80px;
	height: 60px;
	margin: -70px auto 0;
	background: #1759ae;
	padding: 0px 10px;
}
.section_detail_img img {
	width: 60px;
}
.section_detail h6 {
	font-size: 18px;
	letter-spacing: 0;
	margin-bottom: .85em;
	margin-top: 20px;
	font-weight: 600;
}
.section_detail .special-text-new p {
	color: #fff;
	text-align: center;
	line-height: 28px;
	font-size: 14px;
	margin-bottom: 0px;
}
.section-blue-bg .section-title{padding-bottom: 60px;}

.section_detail_img{
	background: #1759ae ;
	height: 60px;
	width: 80px;
	margin: -70px auto 0;
    padding: 0px 10px;
}
.section_detail_img .icon{width: 60px;height: 60px;background: url(../img/hire-sprite.png) no-repeat;}

.section_detail_img .icon.img26 {
	background-position: -0px -0px;
}

.section_detail_img .icon.img25 {
	background-position: -61px -0px;
}

.section_detail_img .icon.img24 {
	background-position: -122px -0px;
}

.section_detail_img .icon.img51 {
	background-position: -183px -0px;
}

.section_detail_img .icon.img45 {
	background-position: -241px -0px;
}

.section_detail_img .icon.img71 {
	background-position: -307px -0px;
}

.section_detail_img .icon.img72 {
	background-position: -367px -1px;
}

.section_detail_img .icon.img15 {
	background-position: -428px -1px;
}

.section_detail_img .icon.img17 {
	background-position: -488px -0px;
}

.section_detail_img .icon.img18 {
	background-position: -551px -0px;
}

.section_detail_img .icon.img19 {
	background-position: -612px -0px;
}

.section_detail_img .icon.img30 {
	background-position: -672px -0px;
}
.section_detail_img .icon.img29 {
	background-position: -733px -0px;
}
.section_detail_img .icon.img31 {
	background-position: -795px -0px;
}
.section_detail_img .icon.img44 {
	background-position: -856px -0px;
}
.section_detail_img .icon.img14 {
	background-position: -917px -0px;
}
.section_detail_img .icon.img16 {
	background-position: -978px -0px;
}

.section_detail_img .icon.img63 {
	background-position: -1039px -0px;
}

.section_detail_img .icon.img54 {
	background-position: -1100px -0px;
}

.section_detail_img .icon.img55 {
	background-position: -1161px -0px;
}

.section_detail_img .icon.img56 {
	background-position: -1223px -0px;
}

.section_detail_img .icon.img67 {
	background-position: -1283px -0px;
}

.section_detail_img .icon.img68 {
	background-position: -1343px -0px;
}

.section_detail_img .icon.img87 {
	background-position: -1467px -0px;
}

.section_detail_img .icon.img88 {
	background-position: -1406px -0px;
}

.section_detail_img .icon.img80 {
	background-position: -1527px -0px;
}
.section_detail_img .icon.img94 {
	background-position: -1588px -0px;
}
.section_detail_img .icon.img95 {
	background-position: -1649px -0px;
}
.section_detail_img .icon.img103 {
	background-position: -1710px -0px;
}
.section_detail_img .icon.img105 {
	background-position: -1772px -0px;
}

.section_detail_img .icon.img34 {
	background-position: -0px -62px;
}

.section_detail_img .icon.img79 {
	background-position: -61px -62px;
}

.section_detail_img .icon.img81 {
	background-position: -123px -62px;
}

.section_detail_img .icon.img38 {
	background-position: -184px -62px;
}

.section_detail_img .icon.img39 {
	background-position: -245px -62px;
}
.section_detail_img .icon.img40 {
	background-position: -306px -62px;
}

.section_detail_img .icon.img98 {
	background-position: -368px -62px;
}
.section_detail_img .icon.img99 {
	background-position: -428px -62px;
}
.section_detail_img .icon.img100 {
	background-position: -489px -62px;
}

.section_detail_img .icon.img91 {
	background-position: -550px -62px;
}
.section_detail_img .icon.img59 {
	background-position: -611px -62px;
}
.section_detail_img .icon.img60 {
	background-position: -672px -62px;
}
.section_detail_img .icon.img61 {
	background-position: -733px -62px;
}
.section_detail_img .icon.img82 {
	background-position: -794px -62px;
}
.section_detail_img .icon.img83 {
	background-position: -854px -62px;
}
.form-div1 input.code-input-file{width: 83%;}
.fw-theme-steps-new {
	padding: 0px 15px;
}
.fw-theme-steps.style2 .fw-theme-steps-wrap {
	-webkit-box-pack: justify;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;

	position: relative;
	z-index: 2;
	margin-top: 20px;
}

.fw-theme-steps.style2 .fw-theme-steps-wrap .vertical-item {
	margin-bottom: 0;
	padding: 30px 15px 0;
	position: relative;
		width: 31%;
	box-shadow: 1px 0px 10px 2.5px #D8E9FF;
}
.item-img-new {
	height: 60px;
	width: 60px;
	margin: 0 auto;
}
.fw-theme-steps.style2 .fw-theme-steps-wrap .item-title {
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 14px;
	text-transform: none;
	text-align: center;
	font-weight: 600;
	color: #212529;
}
.fw-theme-steps-new .item-title {
	color: #00a24f !important;
}
.fw-theme-steps-wrap p {
	text-align: center;
}
.outsourcing-main {
    position: relative;
    margin-top: 15px;
}
.outsourcing-main-left {
	position: relative;
	background: #fff;
	padding: 40px 0px;
}
.outsourcing-main-left::before {
	position: absolute;
	margin: 0;
	padding: 0;
	content: '';
	width: 50%;
	height: 100%;
	background: #ecf4fd;
	top: 0;
}
.center-text {
	display: inline-flex;
	align-items: center;
}
.outsourcing-main-text {
	padding: 0px 50px;
}
.outsourcing-main h3 {
	color: #00a24f;
	font-size: 26px;
	line-height: 30px;
	font-weight: 600;
	margin: 0px 0px 20px 0px;
}
.outsourcing-main p {
	line-height: 34px;
	text-align: justify;
}
.outsourcing-img {
	height: 250px;
	width: auto;
	margin: 0px auto;
	text-align: center;
}
.outsourcing-img img {
	max-width: 100%;
	max-height: 100%;
}
.outsourcing-main-right {
	background: #fff;
	position: relative;
	padding: 40px 0px;
}
.outsourcing-main-right::before {
	position: absolute;
	margin: 0;
	padding: 0;
	content: '';
	width: 50%;
	height: 100%;
	background: #ecf4fd;
	right: 0;
	top: 0;
}
/*7-7-2022*/
.list_menu_full {
	padding: 0;
	margin: 0;
}
.list_menu_full li::before {
	color: #00a651;
	content: "\f00c";
	font-family: FontAwesome;
	font-weight: 900;
	left: 0;
	position: absolute;
	top: -2px;
	font-size: 18px;
}
.list_menu_full li {
	font-size: 18px;
	color: #2d2d2d;
	font-weight: 400;
	list-style: none;
	text-align: left;
	padding-bottom: 6px;
	line-height: 34px;
	position: relative;
	padding-left: 28px;
}
.vertical-item p{font-size: 16px;line-height: 36px;}

.new-development-services1-img.icon1 {
	background-position: 12px -240px;
}

.new-development-services1-img.icon2 {
	background-position: -99px -240px;
}

.new-development-services1-img.icon3 {
	background-position: -209px -240px;
}

.new-development-services1-img.icon4 {
	background-position: -320px -240px;
}

.new-development-services1-img.icon5 {
	background-position: -429px -240px;
}

.new-development-services1-img.icon6 {
	background-position: -540px -240px;
}

/*8-7-2022*/


.services-we-desire .services-box-row .icon-div-opt {
	width: 110px;
	height: 110px;
	float: none;
	background: #1c62bd url(../img/hire-sprite.png) no-repeat;
	border-radius: 50px;
	position: absolute;
	left: -55px;
	top: 28px;
	border-radius: 100px;
}

.services-we-desire .services-box-row .icon-div-opt.icon1 {
	background-position: -660px -249px;
}

.services-we-desire .services-box-row .icon-div-opt.icon2 {
	background-position: -768px -255px;
}

.services-we-desire .services-box-row .icon-div-opt.icon3 {
	background-position: -881px -252px;
}

.services-we-desire .services-box-col .icon-div-opt {
    width: 110px;
    height: 110px;
    float: none;
    background: #eeeeee url(../img/hire-sprite.png) no-repeat;
    border-radius: 50px;
    position: relative;
    left: 0;
    top: 0;
    border-radius: 100px;
    margin: 0px auto;
    margin-top: -65px;
    margin-bottom: 20px;
}

.services-we-desire .services-box-col .icon-div-opt.icon1 {
    background-position: -990px -252px;
}

.services-we-desire .services-box-col .icon-div-opt.icon2 {
    background-position: -1099px -252px;
}

.services-we-desire .services-box-col .icon-div-opt.icon3 {
    background-position: -1210px -252px;
}



.new-development-services1-img.icon7 {
    background-position: -1309px -243px;
}


.new-development-services1-img.icon8 {
    background-position: -1418px -243px;
}


.new-development-services1-img.icon9 {
    background-position: -1530px -243px;
}


.new-development-services1-img.icon10 {
    background-position:-1639px -243px;
}


.new-development-services1-img.icon11 {
    background-position: -1749px -243px;
}

.new-development-services1-img.icon12{
    background-position: -1747px -354px;
}

.white-color{background-color: #fff;}

.three-box-area {
	width: auto;
	height: auto;
}

.three-box-area .row .clo-div {
	padding: 0px;
}
.three-box-widget-wrap {
	position: relative;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	height: 100%;
}
.pt-process-step {
	padding: 50px 45px;
	position: relative;
}
.pt-process-1 {
    background-image: linear-gradient(to bottom, #2371d5, #063675);
    height: 100%;
}
.pt-process-info {
	text-align: center;
}
.three-box-area h5 {
	font-size: 28px;
	margin: 0px 0 22px 0;
	color: #feffff;
	font-weight: 700;
	text-align: center;
}
.three-box-area h5 {
	font-size: 28px;
	margin: 0px 0 22px 0;
	color: #feffff;
	font-weight: 700;
	text-align: center;
}
.pt-process-2 {
	background-color: #f0f0f0;
	height: 100%;
}
.three-box-area p {
	color: #fff;
	font-size: 16px;
	color: #feffff;
	line-height: 34px;
	text-align: center;
	font-weight: 500;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 0px;
}

.icon-div-process{
	width: 60px;
	height: 60px;
	background: url(../img/hire-sprite.png) no-repeat;
    margin: 0px auto 20px;
}
.icon-div-process.icon1 {
	background-position: -917px -62px;
}

.icon-div-process.icon2 {
	background-position: -977px -62px;
}
.icon-div-process.icon3 {
	background-position: -1223px -0px;
}
.icon-div-process.icon4 {
	background-position: -1038px -62px;
}
.icon-div-process.icon5 {
	background-position: -550px -62px;
}
.icon-div-process.icon6 {
	background-position: -1098px -62px;
}
.cakephp_icon {
	width: 50px;
	height: 50px;
	background: url(../img/hire-sprite.png) no-repeat;
	margin-right: 10px;
}

.cakephp_icon.icon1{background-position: -1160px -62px;}
.cakephp_icon.icon2{background-position: -1210px -62px;}
.cakephp_icon.icon3{background-position: -1262px -67px;}
.cakephp_icon.icon4{background-position: -1313px -67px;}
.cakephp_icon.icon5{background-position: -1366px -67px;}
.cakephp_icon.icon6{background-position: -1417px -67px;}

/* 12-07-22*/


.services-we-desire .services-box-new-col .icon-div-opt {
	width: 110px;
	height: 110px;
	float: none;
	background: #2270d3 url(../img/hire-sprite.png) no-repeat;
	border-radius: 50px;
	position: relative;
	left: 0;
	top: 0;
	border-radius: 100px;
	margin: 0px auto;
	margin-top: -65px;
	margin-bottom: 20px;
}

.services-we-desire .services-box-row .icon-div-opt.icon7 {
	background-position: 0px -360px;
}

.services-we-desire .services-box-row .icon-div-opt.icon8 {
	background-position:-110px -360px;
}

.services-we-desire .services-box-row .icon-div-opt.icon9 {
	background-position: -221px -362px;
}

.services-we-desire .services-box-row .icon-div-opt.icon10 {
	background-position:-331px -362px;
}



.new-development-services1-img.icon7 {
    background-position: -650px -354px;
}

.new-development-services1-img.icon8 {
    background-position: -760px -354px;
}
.new-development-services1-img.icon9 {
    background-position: -870px -350px;
}
.new-development-services1-img.icon10 {
    background-position: -980px -350px;
}
.new-development-services1-img.icon11 {
    background-position:-1090px -346px;
}
.new-development-services1-img.icon12 {
    background-position: -1200px -349px;
}



  .services-we-desire .services-box-row .icon-div-opt.icon4{
    background-position: -550px -250px;

}

.services-we-desire .services-box-row .icon-div-opt.icon5 {
    background-position: -1320px -363px;
}

 .services-we-desire .services-box-col .icon-div-opt.icon4 {
    background-position: -1321px -252px;
}
.services-we-desire .services-box-col .icon-div-opt.icon5 {
    background-position: -1430px -252px;
}
.services-we-desire .services-box-col .icon-div-opt.icon6 {
    background-position: -1540px -252px;
}

.new-development-services1-img.icon13 {
	background-position: 12px -127px;
}
.new-development-services1-img.icon14 {
	background-position:-95px -131px;
}
.new-development-services1-img.icon15 {
	background-position: -209px -353px;
}
.new-development-services1-img.icon16 {
	background-position: -203px -129px;
}
.new-development-services1-img.icon17 {
	background-position: -319px -129px;
}
.new-development-services1-img.icon18 {
	background-position: -430px -129px;
}

/*14-07-22*/

.icon-div-mobile {
	width: 60px;
	height: 60px;
	background: url(../img/mobile-sprite.png) no-repeat;
	margin: 0px auto 20px;
}

.icon-div-mobile.icon1 {
	background-position: -0px -0px;
}
 .icon-div-mobile.icon2 {
	background-position: -62px -0px;
}
 .icon-div-mobile.icon3 {
	background-position: -123px -0px;
}
 .icon-div-mobile.icon4 {
	background-position: -185px -1px;
}
 .icon-div-mobile.icon5 {
	background-position: -244px -1px;
}

 .icon-div-mobile.icon6 {
	background-position: -306px -1px;
}


.iphone-detail-section .custom-box-row .custom-details{color: #212121;font-size: 15px}
.iphone-detail-section .custom-box-titel .title{color: #222}


.iphoneapp_icon{
    width: 50px;
    height: 50px;
    background: url(../img/mobile-sprite.png) no-repeat;
   margin-right: 10px;
}

 .iphoneapp_icon.icon1 {
	background-position: -0px -62px;
}
 .iphoneapp_icon.icon2 {
	background-position: -52px -62px;
}
 .iphoneapp_icon.icon3 {
	background-position: -103px -62px;
}
 .iphoneapp_icon.icon4 {
	background-position: -154px -62px;
}
 .iphoneapp_icon.icon5 {
	background-position: -205px -62px;
}
 .iphoneapp_icon.icon6 {
	background-position: -256px -62px;
}
 .iphoneapp_icon.icon7 {
	background-position: -308px -62px;
}
 .iphoneapp_icon.icon8 {
	background-position: -358px -62px;
}


/*15 -07-22 */

.section_detail_img .mobile-icon {
	width: 60px;
	height: 60px;
	background: url(../img/mobile-sprite.png) no-repeat;
}

.section_detail_img .mobile-icon.img1 {
	background-position: 0px -114px;
}
.section_detail_img .mobile-icon.img2 {
	background-position: -63px -114px;
}
.section_detail_img .mobile-icon.img3 {
	background-position: -122px -114px;
}


.bg_blue1{background-color: #1c4475}
.bg_blue2{background-color: #154075}
.bg_blue3{background-color: #154075}
.bg_blue4{background-color: #003475}

.mobile-why-us .why_out {
    background-color: #f1f8fc;
    color: #053674;
    text-align: center;
    padding: 40px 50px;
}
.mobile-why-us .why_out h2 {
    font-size: 32px;
    text-transform: none;
    margin-bottom: 20px;
    padding-bottom: 0;
    color: #053674;
    font-weight: 700;
    line-height: 50px;
}


.why-us .why_out p {
    color: #ffffff;
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    text-align: center;
}

.list-part{text-align: left;}

.blue-box {
    padding: 30px;
    text-align: center;
    color: #fff;
}

.blue-box-icon {
	width: 60px;
	height: 60px;
	background: url(../img/mobile-sprite.png) no-repeat;
	margin: 0px auto 20px;
}

.blue-box-icon.icon1 {
	background-position: -0px -0px;
}
.blue-box h4{line-height: 40px;}
.blue-box p{color: #fff;font-size: 16px;}
.mobile-why-us .list-part ul li{margin-bottom: 15px;}

.blue-box-icon.icon2 {
    background-position: -191px -114px;
}

.blue-box-icon.icon3 {
    background-position: -246px -114px;
}

.blue-box-icon.icon4 {
    background-position: -306px -114px;
}

/*18 -07-22 */

.blue-box-icon.icon5 {
    background-position: -366px -114px;
}
.blue-box-icon.icon6 {
    background-position: -428px -114px;
}
.blue-box-icon.icon7 {
    background-position: -491px -114px;
}


.new-development-services1-img.icon19 {
	background-position: -1422px -349px;
}
.new-development-services1-img.icon20 {
	background-position:-1532px -349px;
}
.new-development-services1-img.icon21 {
	background-position:-1642px -353px;
}
.new-development-services1-img.icon22 {
	background-position: -1646px -243px;
}
ul.part_list_menu1 {
	padding: 0;
	margin: 0px 0px 25px 0px;
}

ul.part_list_menu1 li {
	padding-left: 28px;
	position: relative;list-style: none;
}
ul.part_list_menu1 i {
	color: #00a651;
	font-size: 22px;
	padding: 0;
	position: absolute;
	left: 0;
	top: 6px;
}
ul.part_list_menu1 li {
	display: inline-block;
	width: 100%;
	line-height: 36px;
	color: #212121;
}

/*19-07-22*/

.services-we-desire .services-box-row .icon-div-opt.icon11{background-position: -110px -251px;}
.services-we-desire .services-box-row .icon-div-opt.icon12{background-position: 0px -473px;}
.services-we-desire .services-box-row .icon-div-opt.icon13{background-position: -111px -473px;}
.services-we-desire .services-box-row .icon-div-opt.icon14{background-position: -215px -473px;}
.services-we-desire .services-box-row .icon-div-opt.icon15{background-position:-991px -361px;}
.services-we-desire .services-box-row .icon-div-opt.icon16{background-position:-330px -474px;}

.misc-box .icon-div-opt {
    width: 90px;
    height: 90px;
    margin: 0 0 12px 0;
    float: none;
    background: url(../img/hire-sprite.png) no-repeat;
    position: relative;
}
.misc-box .icon-div-opt.icon1 {
    background-position: -16px -592px;
}
.misc-box .icon-div-opt.icon2 {
    background-position: -106px -592px;
}



.new-development-services1-img.icon23{background-position: -757px -244px;}

.new-development-services1-img.icon24{background-position:-429px -461px;}

.new-development-services1-img.icon25{ background-position:-542px -462px;}


.new-development-services1-img.icon26{background-position: -652px -462px;}


.new-development-services1-img.icon27{

    background-position: -757px -244px;
}

/*20-07-22*/


.service-box6{padding: 0px 100px;}

.service-box6 p {margin: 0px;font-size: 15px;line-height: 32px;	color: #fff;	font-weight: 500;}
.service-box6 h3 {
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.service-box6::before {
	content: "";
	width: 1px;
	background-color: #4586f4;
	height: 78%;
	top: 11%;
	position: absolute;
	left: 0;
}



.feature-box {
	background-color: #fff;
	box-shadow: 0px 10px 22px rgba(0,0,0,.05);
	border-radius: 4px;
	padding: 20px;
}

.feature-box h6 {
    color: #1b1b1b;
    font-size: 16px;
    font-weight: 600;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    letter-spacing: 1px;
}

.feature-box .feature-icon {
	background-color: rgba(35,113,213,.15);
	color: #05bd93;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	border-radius: 4px;
}

ul.part_list_menu1 i {
    color: #00a651;
    font-size: 16px;
    padding: 0;
    position: absolute;
    left: 0;
    top: 3px;
}
ul.part_list_menu1 li {
    display: inline-block;
    width: 100%;
    line-height: 22px;
    color: #212121;
    font-size: 14px;
    letter-spacing: 1px;
}
ul.part_list_menu1 {
    padding: 0;
    margin: 0px 0px 0px 0px;
}

.iphoneapp_icon.icon9{background-position: -410px -62px;}
.iphoneapp_icon.icon10{background-position: -460px -62px;}
.iphoneapp_icon.icon11{background-position: -512px -62px;}
.iphoneapp_icon.icon12{background-position: -562px -62px;}

.blue-box-icon.icon8{background-position: -550px -114px;}


.new-development-services1-img.icon28{
    background-position: -1310px -351px;
}

.new-development-services1-img.icon29{
    background-position: -760px -464px;
}

.new-development-services1-img.icon30{
    background-position: -872px -463px;
}

.new-development-services1-img.icon31{
    background-position: -978px -463px;
}

.new-development-services1-img.icon32{
    background-position: -1095px -461px;
}

.feature-icon .fa{
    color: #053674;
    font-size: 29px;
    top: 3px;
    position: relative;
}

/*23-7-22*/

.section_detail_img .icon.img76{
    background-position: -1463px -61px;

}
.section_detail_img .icon.img77{
    background-position: -1521px -61px;

}


.icon-div-process.icon7{background-position: -1581px -62px;}
.icon-div-process.icon8{background-position: -1640px -62px;}
.icon-div-process.icon9{background-position: -1704px -66px;}
.icon-div-process.icon10{background-position: -1763px -66px;}
.icon-div-process.icon11{background-position: -1825px -66px;}

.cakephp_icon.icon7{background-position: -0px -702px;}
.cakephp_icon.icon8{background-position: -51px -705px;}
.cakephp_icon.icon9{background-position: -102px -705px;}
.cakephp_icon.icon10{background-position: -153px -705px;}


.services-we-desire .services-box-row .icon-div-opt.icon17{background-position: -1213px -469px;}
.services-we-desire .services-box-row .icon-div-opt.icon18{background-position: -1325px -472px;}
.services-we-desire .services-box-row .icon-div-opt.icon19{background-position: -1434px -472px;}

.misc-box .icon-div-opt.icon3 {
    background-position: -136px -152px;
}



.new-development-services1-img.icon33{background-position: -540px -129px;}
.new-development-services1-img.icon34{background-position: -650px -134px;}
.new-development-services1-img.icon35{background-position: -760px -134px;}
.new-development-services1-img.icon36{background-position: -874px -125px;}
.new-development-services1-img.icon37{background-position: -984px -132px;}

/*25-7-22*/

.blue-box-icon.icon9 {background-position: -611px -111px;}
.blue-box-icon.icon10 {background-position:-672px -114px;}
.blue-box-icon.icon11 {background-position: -734px -114px;}
.blue-box-icon.icon12 {background-position:-122px -114px;}
.section_blue_bg_row ul.section_blue_bg1 li {float: left; width: 50%;}
.sprite-services-icon1 {background: url(../img/mobile-sprite.png) no-repeat;}
.box_feat_home .icon-img.icon-img-n1 {background-position: -1px -174px;
}

.box_feat_home .icon-img.icon-img-n2 {background-position: -71px -174px;}

.box_feat_home .icon-img.icon-img-n3 {
	background-position: -142px -177px;
}

.box_feat_home .icon-img.icon-img-n4 {
	background-position: -214px -177px;
}

.services-we-desire .services-box-row .icon-div-opt.icon20{background-position: -210px -682px;}
.services-we-desire .services-box-row .icon-div-opt.icon21{background-position: -318px -682px;}
.services-we-desire .services-box-row .icon-div-opt.icon21{background-position: -318px -682px;}
.misc-box .icon-div-opt.icon4{background-position: -25px -273px;}
.misc-box .icon-div-opt.icon5{background-position: -128px -486px;}
.misc-box .icon-div-opt.icon6{background-position: -574px -381px;}

/*27-7-22*/

.new-development-services1-img.icon38{background-position: -1531px -464px;}
.new-development-services1-img.icon39{background-position: -1642px -464px;}
.new-development-services1-img.icon40{background-position: -1748px -463px;}
.new-development-services1-img.icon41{background-position: -1532px -569px;}
.new-development-services1-img.icon42{background-position: -1641px -569px;}
.new-development-services1-img.icon43{background-position: -1748px -572px;}
.icon-div-mobile.icon7{ background-position: -428px -113px;}
.icon-div-mobile.icon8{ background-position: -794px -115px;}
.icon-div-mobile.icon9{ background-position: -856px -115px;}
.icon-div-mobile.icon10{ background-position: -915px -115px;}
.icon-div-mobile.icon11{ background-position: -976px -115px;}

/*29-7-22*/
.services-we-desire .services-box-row .icon-div-opt.icon22{background-position: -109px -251px;}
.services-we-desire .services-box-row .icon-div-opt.icon23{background-position: 1px -251px;}
.services-we-desire .services-box-row .icon-div-opt.icon24{background-position: -109px -251px;}
.cakephp_icon.icon11{background-position: -801px -578px;}
.cakephp_icon.icon12{background-position: -851px -576px;}
.cakephp_icon.icon13{background-position: -904px -577px;}
.cakephp_icon.icon14{background-position: -955px -577px;}
.cakephp_icon.icon15{background-position:-1056px -577px;}
.cakephp_icon.icon16{background-position: -1006px -577px;}

/*3-08-22*/
.services-we-desire .services-box-row .icon-div-opt.icon25{background-position: -215px -471px;}
.services-we-desire .services-box-row .icon-div-opt.icon26{background-position: -1103px -471px;}
.misc-box .icon-div-opt.icon7{background-position: -410px -592px;}
.misc-box .icon-div-opt.icon8{background-position: -220px -592px;}
.misc-box .icon-div-opt.icon9{background-position: -310px -592px;}
.new-development-services1-img.icon44{background-position: -1091px -131px;}
.new-development-services1-img.icon45{background-position: -1202px -131px;}
.new-development-services1-img.icon46{background-position: -319px -240px;}
.new-development-services1-img.icon47{background-position: -1310px -133px;}
.new-development-services1-img.icon48{background-position: -1421px -133px;}
.new-development-services1-img.icon49{background-position: -1529px -133px;}
.box_feat_home .icon-img.icon1 {
    background-position: -913px -311px;
}
.box_feat_home .icon-img.icon2 {
    background-position: -1012px -310px;
}
.box_feat_home .icon-img.icon3 {
    background-position: -1114px -309px;
}
.box_feat_home .icon-img.icon4 {
    background-position: -1213px -309px;
}
.box_feat_home .icon-img.icon5 {
    background-position: -1317px -309px;
}
.box_feat_home .icon-img.icon6 {
    background-position: -1417px -309px;
}
.blue-box-icon.icon13 {
    background-position: -1039px -114px;
}
.blue-box-icon.icon14 {
    background-position: -1099px -114px;
}
.blue-box-icon.icon15 {
    background-position: -1160px -114px;
}
.certifications-img {
	float: none;
	margin: 10px 18px;
	padding: 0;
	display: inline-block;
}

.certifications-img img {
	display: block;
}

.certi-img {
    width: auto;
    height: auto;
    float: right;
    border-radius: 10px;
    background: #fafafa;
    box-shadow: 0 5px 20px 0 rgba(210,210,245,.5);
    padding: 22px;margin: 0px 20px 20px 20px;
}

.feature-box-min-height{min-height: 90%;}

.our_team_member{text-align: center;color: #fff;}


.our_team_member-img {
	width: 150px;
	border-radius: 50%;
	border: 6px solid rgba(255, 255, 255, 0.3);
	margin: 0 auto;
}
/*23-8*/
.misc-box .icon-div-opt.icon10 {
    background-position:-526px -592px;
}
.misc-box .icon-div-opt.icon11 {
    background-position:-637px -592px;
}

/*30 - 08 -22 */
.icon-div-process.icon12{background-position:-0px -798px;}
.icon-div-process.icon13{background-position:-62px -798px;}
.icon-div-process.icon14{background-position:-123px -797px;}
.icon-div-process.icon15{background-position:-184px -799px;}
.icon-div-process.icon16{background-position:-245px -799px;}

/*31 - 08 -22 */

.iphoneapp_icon.icon13{background-position: -614px -62px;}
.iphoneapp_icon.icon14{background-position: -665px -62px;}
.iphoneapp_icon.icon15{background-position: -716px -62px;}
.iphoneapp_icon.icon16{background-position: -767px -62px;}


.blue-box-icon.icon16{background-position: -1221px -114px;}
.blue-box-icon.icon17{background-position: -1282px -114px;}
.blue-box-icon.icon18{background-position: -1344px -114px;}










/*Protfolio_Css*/
#protfolio_center li {
    font-weight: 600;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 15px;
    cursor: pointer;
    float: left;
    text-decoration: none
}
.success {
    background-color: #090
}
.error {
    background-color: #900
}
#portfolio-subTabs,
#protfolio_menu {
    width: auto;
    margin: auto auto 10px;
    height: auto
}
#protfolio_center {
	width: 100%;
	float: left;
	margin: auto;
	padding: 12px 10px;
	border-radius: 0;
	background: #063776;
	/* box-shadow: 0 0 65px rgba(0, 0, 0, .09); */
	border: 1px solid #eee;
}
#slider_main, .portfolio_slider {
    width: auto;
    border: 1px solid #c7c7c7
}
#portfolio-subTabs ul,
#protfolio_center ul {
    margin: 0;
    padding: 0;
    list-style: none
}
#protfolio_center li {
    color: #fff;
    line-height: none
}
#protfolio_center li:hover {
    color: #ffac00;
}
#portfolio-subTabs li {
    display: inline;
    padding-left: 10px;
    padding-right: 10px;
    color: #212121 !important;
    font-size: 14px;
    cursor: pointer
}
/*
#portfolio-subTabs li.highlight{
	color: red;
    font-size: 14px;
}
*/
#portfolio-subTabs li a {
    text-decoration: none;
    color: #212121 !important
}

#slider_main {
	margin: auto;
	background-color: #fff;
	height: 334px;
	box-shadow: 0 2px 15px rgba(0,0,0,.1);
	padding: 10px;
	box-sizing: border-box;
	border: none;
}

.portfolio_slider {
	float: left;
	padding: 6px;
	margin: 2px;
	background-color: #fff;
}

.scrollable {
    position: relative;
    overflow: hidden;
    width: 616px;
    height: 296px
}

.scrollable .items {
    width: 20000em;
    position: absolute
}
.next,
.prev {
    position: absolute;
    top: 130px;
    height: 57px;
    width: 56px;
    cursor: pointer
}
.items div {
    float: left
}
.prev {
    left: -25px;
    background: url(../img/left-arrow-3.png) 0 0/cover no-repeat
}
.next {
    right: -23px;
    background: url(../img/right-arrow-3.png) 0 0/cover no-repeat
}
.portfolio_project {
    width: 620px;
    float: right;
    padding: 0 20px 0 10px
}
.portfolio_heading {
    color: #053674;
    font-size: 20px;
    padding-top: 15px;
    padding-bottom: 12px;
    font-weight: 600;
}
.portfolio_desc {
	color: #212121;
	font-size: 14px;
	line-height: 32px;
	text-align: justify;
	padding-right: 0;
	padding-bottom: 10px;
	font-weight: 500;
}
.portfolio_desc strong{
	font-weight: 600;
}
.portfolio_desc samp {
    color: #262c31 !important;
    font-weight: 700 !important;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif !important
}
.portfolio_buttons {
    width: auto;
    margin: auto
}
.launch_site,
.site_details {
    font-weight: 600;
font-size: 16px;
letter-spacing: 1px;
display: inline-block;
padding: 12px 26px;
border-radius: 5px;
transition: 0.5s;
line-height: 1;
margin: 0px 10px 0px 0px;
color: #fff;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
background-color: #063777;
text-transform: uppercase;
}
.launch_site{
	background-color: #ffac00;
	color: #053573;
}
.launch_site a{
	color: #053573;
}
.site_details a {
	color: #fff;
}
.site_details {
    margin-right: 10px
}

.goto_top {
    width: auto;
    text-align: right;
    padding-bottom: 10px;
    position: relative;
    height: 38px
}

.goto_top img {
    position: absolute;
    right: 0;
    top: 0
}

#slider_next {
    width: auto;
    height: 45px;
    background: #acaeb3;
    margin: auto;
    padding-top: 4px
}

.jplist {
    width: 100%
}

.jplist .panel {
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    background: url(../img/bg.png);
    font-family: arial;
    color: #444;
    font-size: 12px;
    line-height: 18px
}

.jplist .panel-top {
    border-radius: 5px 5px 0 0
}

.jplist .panel-bottom {
    border-radius: 0 0 5px 5px
}

.jplist .filter {
    float: left
}

.jplist .filter input {
    display: block;
    float: left;
    width: 130px;
    height: 14px;
    margin: 0 0 0 15px;
    border: 1px solid #aaa;
    border-radius: 3px
}

.jplist .filter .placeholder-parent {
    margin: 0 0 0 15px;
    position: relative;
    float: left
}

.jplist .filter .placeholder {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 0 5px;
    border-radius: 3px
}

.jplist .filter .placeholder-parent input {
    margin: 0
}

.jplist .pagingmid,
.jplist .pagingnext,
.jplist .pagingprev {
    float: left
}

.jplist .buttons {
    float: left;
    margin: 0 10px 0 15px
}

.jplist .buttons span {
    cursor: pointer;
    color: #fff;
    margin: 0 5px 0 0
}

.jplist .buttons span.current {
    font-weight: 700;
    color: #0d0d0f
}

.jplist .info {
    float: left;
    color: #fff;
    margin: 0 0 0 15px
}

.jplist .drop-down {
    float: left;
    width: 130px;
    height: 16px;
    position: relative;
    margin: 0 0 0 15px;
    border: 1px solid #ccc
}

.jplist .drop-down .panel {
    float: left;
    width: 125px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    background: url(../img/down-arrow.jpg) top right no-repeat #fff;
    padding: 0 0 0 5px;
    margin: 0;
    cursor: pointer
}

.jplist .drop-down ul {
    position: relative;
    top: 0;
    left: -1px;
    z-index: 1000;
    width: 129px;
    display: none;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 0;
    margin: 0;
    list-style: none;
    border-radius: 0 0 3px 3px
}

.jplist .drop-down ul li {
    padding: 0 0 0 5px;
    cursor: pointer;
    width: 130px;
    float: left;
    background-color: #fff
}

.jplist .drop-down ul li:hover {
    background-color: #00f;
    color: #fff
}

.jplist .hidden {
    display: none
}

#next_nav {
    width: 420px;
    margin: auto
}

#next_nav ul {
    padding: 0;
    list-style: none
}

#next_nav li {
    display: inline;
    color: #FFF;
    font-size: 18px;
    font-family: Arial;
    padding-bottom: 12px
}

#next_nav li a {
    text-decoration: none;
    color: #FFF;
    padding-left: 25px
}

#next_nav li a:hover {
    text-decoration: none;
    color: #999
}

.items>div {
    width: 616px
}

.scrollable img {
    margin: 0;
    padding: 0;
	width: auto;
	height: auto;
}

.f-main-div-out {
    padding: 10px 22px;
    height: auto !important
}

.fancy_portfolio_slider {
    float: left;
    margin-right: 20px
}

.fancy_portfolio_project {
    float: right
}

.fancy_portfolio_project .portfolio_desc ul li {
    list-style: disc
}

.fancy_portfolio_slider .scrollable {
    position: relative;
    overflow: hidden;
    width: 616px;
    height: 296px
}

.phone_main {
    height: 316px !important
}

.portfolio_slider_iphone {
	background: url(../img/portfolio/new-iphone-screen-bg.png) no-repeat;
	width: 616px;
	border: 1px solid #c7c7c7;
	margin: 2px;
	height: 294px;
	float: left;
	background-size: contain;
	background-position: center;
}

#fancybox-content .portfolio_slider_iphone {
    margin-right: 20px;
    width: 598px
}

.portfolio_slider_iphone .scrollable {
    width: 126px;
    height: 190px;
    margin: 57px auto 0
}

.iphone_big_main {
    height: 402px !important
}

.portfolio_slider_iphone_big {
    background: url(../img/portfolio/new-iphone/new-iphone-screen-bg.png) center/cover no-repeat;
    width: 616px;
   border: 1px solid #c7c7c7;
    margin: 2px;
    height: 396px;
    float: left
}

#fancybox-content .portfolio_slider_iphone_big {
    margin-right: 20px;
    width: 597px
}

.portfolio_slider_iphone_big .scrollable {
    height: 251px;
    margin: 79px auto 0;
    width: 159px
}

.portfolio_slider_iphone_big .scrollable .items>div {
    width: 159px;
    height: 251px
}

.portfolio_slider_iphone_big .scrollable .items>div img {
    min-width: 100%;
    margin: 0;
    padding: 0
}

.ipad_small_main {
    height: 400px !important
}

.portfolio_slider_ipad_small {
    background: url(../img/portfolio/ipad-background.jpg) center/cover no-repeat;
    width: 616px;
    border: 1px solid #525151;
    margin: 2px;
    height: 392px;
    float: left
}

#fancybox-content .portfolio_slider_ipad_small {
    margin-right: 20px;
    width: 598px
}

.portfolio_slider_ipad_small .scrollable {
    height: 292px;
    margin: 43px auto 0;
    width: 224px
}

.portfolio_slider_ipad_small .scrollable .items>div {
    width: 224px;
    height: 292px
}

.portfolio_slider_ipad_small .scrollable .items>div img {
    min-width: 100%;
    margin: 0;
    padding: 0
}

.ipad_big_main {
    height: 392px !important
}

.portfolio_slider_ipad_big {
    background: url(../img/portfolio/ipad-background-new.jpg) center/cover no-repeat;
    width: 616px;
    border: 1px solid #525151;
    margin: 2px;
    height: 386px;
    float: left
}

#fancybox-content .portfolio_slider_ipad_big {
    margin-right: 20px;
    width: 597px
}

.portfolio_slider_ipad_big .scrollable {
    height: 277px;
    margin: 51px auto 0;
    width: 401px
}

.portfolio_slider_ipad_big .scrollable .items>div {
    width: 401px;
    height: 277px
}

.portfolio_slider_ipad_big .scrollable .items>div img {
    min-width: 100%;
    margin: 0;
    padding: 0
}
.android_big_main {
    height: 402px !important
}
.portfolio_slider_android_big {
    background: url(../img/portfolio/new-android/android-screen-size-bg.png) center/cover no-repeat;
    width: 616px;
    border: 1px solid #525151;
    margin: 2px;
    height: 396px;
    float: left
}
#fancybox-content .portfolio_slider_android_big {
    margin-right: 20px;
    width: 597px
}
.portfolio_slider_android_big .scrollable {
    height: 253px;
    margin: 68px auto 0;
    width: 172px
}
.portfolio_slider_android_big .scrollable .items>div {
    width: 172px;
    height: 253px
}

.portfolio_slider_android_big .scrollable .items>div img {
    min-width: 100%;
    margin: 0;
    padding: 0
}
.blackberry_big_main {
    height: 402px !important
}
.portfolio_slider_blackberry_big {
    background: url(../img/portfolio/new-blackberry/blackberry-screen-size.png) center/cover no-repeat;
    width: 616px;
    border: 1px solid #525151;
    margin: 2px;
    height: 396px;
    float: left
}
#fancybox-content .portfolio_slider_blackberry_big {
    margin-right: 20px;
    width: 597px
}
.portfolio_slider_blackberry_big .scrollable {
    height: 265px;
    margin: 71px auto 0;
    width: 167px
}
.portfolio_slider_blackberry_big .scrollable .items>div {
    width: 167px;
    height: 265px
}
.portfolio_slider_blackberry_big .scrollable .items>div img {
    min-width: 100%;
    margin: 0;
    padding: 0
}
.cad-portfolio-new-heading {
    font-weight: 600;
    font-size: 15px;
    color: #333;
    text-decoration: none;
    margin: 0;
    padding: 0 0 5px
}



















/*bolg css 5-09-22 */


.blog-box{
    border-radius: 5px;
    margin: 0px 0px 30px 0px;
    box-shadow: 0px 0px 30px 0px hsl(0deg 0% 0% / 7%);
    background: #fff;
/*    padding: 20px 20px 0 20px;*/

}
.blog-detail{padding: 10px 20px;}
.blog-img{position: relative;}


.restly-blog-post-title a {
	font-size: 20px;
	font-weight: 600;
	color:#1d2c38;
	line-height: 28px;
	margin: 13px 0;
	display: block;
}

.restly-blog-post-author {
	padding: 14px 0px;
	border-top: 1px solid #e3e3e3;
	margin-top: 22px;
}

.restly-blog-post-author  a{
	color:#1d2c38;
}

/*
.cy_blog_links {
	position: absolute;
	bottom: 25px;
	left: 15px;
}
.cy_blog_links > ul {
	padding: 0px;
	margin: 0px;
}
.cy_blog_links > ul > li {
	list-style: none;
	display: inline-block;
}
.cy_blog_links > ul > li > a {
	color: #ffffff;
	display: inline-block;
	font-size: 15px;
	margin: 0px 15px;
	text-align: center;
	text-decoration: none;
	opacity: 0;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	position: relative;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	-ms-transition: -moz-transform 0.3s, opacity 0.3s;
	-o-transition: -o-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.blog-img .cy_blog_links ul li ul.cy_so_icons li {
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	opacity: 0;
	display: inline-block;
	list-style: none;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}


.cy_blog_links > ul > li > a > i {
	margin-right: 7px;
}

.cy_blog_links ul li ul.cy_so_icons {
	position: absolute;
	left: 100%;
	top: 1px;
	width: 100%;
	display: inline-block;
	padding: 0px;
	margin: 0px;
}
.blog-box:hover .blog-img .cy_blog_links ul li a {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	z-index: 1;
}

*/


.cy_blog_box {
	margin-bottom: 45px;
}
.cy_blog_img {
	position: relative;
	overflow: hidden;
}
.cy_blog_img .cy_blog_links {
	position: absolute;
	bottom: 25px;
	left: 15px;
}
.cy_blog_img .cy_blog_links > ul {
	padding: 0px;
	margin: 0px;
}
.cy_blog_img .cy_blog_links > ul > li {
	list-style: none;
	display: inline-block;
}
.cy_blog_img .cy_blog_links > ul > li > a {
	color: #ffffff;
	display: inline-block;
	font-size: 15px;
	margin: 0px 15px;
	text-align: center;
	text-decoration: none;
	opacity: 0;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	position: relative;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	-ms-transition: -moz-transform 0.3s, opacity 0.3s;
	-o-transition: -o-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}
.cy_blog_img .cy_blog_links > ul > li > a > i {
	margin-right: 7px;
}
.cy_blog_box:hover .cy_blog_img .cy_blog_links ul li a {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	z-index: 1;
}
.cy_blog_img .cy_blog_links ul li ul.cy_so_icons {
	position: absolute;
	left: 100%;
	top: 1px;
	width: 100%;
	display: inline-block;
	padding: 0px;
	margin: 0px;
}
.cy_blog_img .cy_blog_links ul li ul.cy_so_icons li {
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	opacity: 0;
	display: inline-block;
	list-style: none;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}
.cy_blog_box:hover .cy_blog_img .cy_blog_links ul li a {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	z-index: 1;
    color: #fff;
}

.cy_blog_img .cy_blog_links ul li:hover ul.cy_so_icons li {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
}
ul.cy_blog_info {
	padding: 0px;
	margin: 0px;

}
ul.cy_blog_info li {
	display: inline-block;
	list-style: none;
}

ul.cy_blog_info li:first-child a {
	padding-left: 0px;
}
ul.cy_blog_info li a {
	color: #2f3942;
	font-size: 15px;
	text-transform: capitalize;
	padding: 0px 10px;
	border-right: 1px solid;
}
.cy_button {
	font-size: 18px;
	text-transform: capitalize;
	background-color: #00a7f4;
	padding: 0px 45px;
	height: 48px;
	display: inline-block;
	color: #ffffff;
	line-height: 48px;
	border-radius: 28px;
	box-shadow: none;
	border: none;
	overflow: hidden;
	position: relative;
	-webkit-transition: 0.5s;
	transition: 0.5s;font-weight: 600;
}
.cy_button:hover{background: #a9c200}

.cy_blog_box:hover .cy_blog_img img {
	/* -webkit-transform: scale(1.1); */
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	/* transform: scale(1.1); */
}

.cy_blog_img img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
	-ms-transition: -moz-transform 0.5s;
	-o-transition: -o-transform 0.5s;
	transition: transform 0.5s;
	width: 100%;
}

.cy_blockquotes {
	padding-top: 10px;
}
.cy_blockquotes blockquote {
	padding: 30px 30px;
	margin: 0 0 50px;
	font-size: 15px;
	font-weight: 400;
	font-style: italic;
	line-height: 26px;
	border-left: 5px solid #ff712a;
	background-color: #f8f9fa;
}

.comments-area-title{
    font-size: 24px;
    font-weight: 600;
    color: #1d2c38;
    line-height: 28px;
    margin: 13px 0;
    display: block;
}

.cy_comments {
	border-bottom: 1px solid #d9dcde;
	padding: 20px 0px;
	float: left;
}

.comment_img img {
	margin-right: 20px;
	border-radius: 100%;width: 104px;
}

.comment_data {
	width: calc(100% - 124px);
	float: left;
}
.comment_data_info {
	margin-bottom: 10px;
}
.comment_data_info h3 {
	margin: 0px;
	font-size: 18px;
	text-transform: capitalize;
	float: left;
}
.comment{list-style: none;}
.comment_data_info h3 a {
	color: #2f3942;
	margin-right: 30px;
}
.comment-reply {
	float: right;
}
.comment-reply a {
	color: #2f3942;
	text-transform: capitalize;
	font-weight: 500;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}
.comment-reply i {
	margin-right: 10px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}

.comment_data_info p {
	display: inline-block;
	margin: 0px;
}


.comments-area ul.commentlist li.comment .children {
	padding: 0px;
}
.comments-area ul.commentlist li.comment .children .cy_comments {
	padding-left: 100px;
}

.comment_para{margin-bottom: 0px;}

.comment_img {
	float: left;
}

.comment-respond {
	padding-top: 40px;clear: both;
}


/* End bolg css 5-09-22 */



.cy_button {
	font-weight: 600;
	font-size: 22px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 15px 26px;
	line-height: 1;
	margin: 0 10px 0 0;
	color: #fff;
	animation-delay: .8s;
	background-color: #063777;
	text-transform: uppercase;
	border-radius: 5px;
}

.cy_button:hover {
	background: #ffac00;
	color: #053573;
	text-decoration: none;
}


.restly-blog-post-title a {
	display: block;
	font-size: 22px !important;
	text-transform: none;
	margin-bottom: ;
	padding-bottom: 0;
	color: #053674;
	font-weight: 600;
	line-height: 50px;
}
.blog-detail {
	padding: 30px;
}