@import url(https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700,700i,800,800i&display=swap);

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

@font-face {
  font-family: diavloblack;
  src: url(../font/diavlo/diavlo_black_ii_37-webfont.woff2) format("woff2"),
    url(../font/diavlo/diavlo_black_ii_37-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: diavlobold;
  src: url(../font/diavlo/diavlo_bold_ii_37-webfont.woff2) format("woff2"),
    url(../font/diavlo/diavlo_bold_ii_37-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: diavlobook;
  src: url(../font/diavlo/diavlo_book_ii_37-webfont.woff2) format("woff2"),
    url(../font/diavlo/diavlo_book_ii_37-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: diavlolight;
  src: url(../font/diavlo/diavlo_light_ii_37-webfont.woff2) format("woff2"),
    url(../font/diavlo/diavlo_light_ii_37-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

body {
  margin: 0;
  font-family: diavlobook;
  color: #595e5f;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input[type="text"] {
  outline: 0 !important;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.custom-file-label:focus,
.form-control:focus,
span.select2-selection.select2-selection--single:focus {
  box-shadow: 0 0 0 0.2rem rgba(253, 185, 19, 0.32);
}

.custom-file-label {
  border: 1px solid #074198;
}

.dropdown-menu::-webkit-scrollbar {
  width: 5px;
}

.dissmiss_cpopup {
  font-size: 24px;
  color: #f1b112;
}

.dissmiss_cpopup:active,
.dissmiss_cpopup:focus,
.dissmiss_cpopup:hover {
  color: #f1b112;
}

.mobile_contactpopup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 99;
}

.mobile_contactpopup .contactinfolink ul li {
  border-bottom: 1px solid rgba(237, 237, 237, 0.38);
  padding: 6px 0;
}

.mobile_contactpopup .contactinfolink ul li:last-child {
  border-bottom: 0;
}

.mobile_contactpopup .contactinfolink ul li a {
  color: #fff;
  font-size: 18px;
}

.navbar-brand.logo img {
  height: 49px;
}

.dropdown-menu::-webkit-scrollbar-track {
  background: #3e3e3e;
}

.dropdown-menu::-webkit-scrollbar-thumb {
  background: #363636;
}

.dropdown-menu::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}

.prasta_headimg {
  height: 22px;
  width: 22px;
  display: inline-block;
  background: url(../images/prestashophead.png) no-repeat;
  background-position: bottom center;
  transition: all 0.5s linear;
  vertical-align: bottom;
}

.sub_menu .nav .nav-item .nav-link:hover .prasta_headimg {
  background-position: top center;
  transition: all 0.5s linear;
}

.product-heading {
  text-transform: uppercase;
  color: #074198;
  font-size: 16px;
  font-weight: 700;
}

.sub_menu .nav .nav-item .nav-link:hover {
  color: #fff;
  background: #074198;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  box-shadow: 0 4px 7px rgba(159, 160, 160, 0.56);
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
}

i.zmdi.zmdi-account-box-phone {
  color: #78ac8e;
  font-size: 20px;
  vertical-align: middle;
}

.sub_menu .nav .nav-item .nav-link:hover span {
  color: #fff;
}

.sub_menu .nav .nav-item .nav-link:hover i {
  color: #fff;
}

.sub_menu .nav .nav-item .nav-link:hover svg {
  transform: rotate(360deg) !important;
  transition: all 0.5s linear;
}

.sub_menu .nav .nav-item .nav-link:hover svg path,
.sub_menu .nav .nav-item .nav-link:hover svg rect {
  fill: #fff;
}

span.toggler-icon {
  height: 3px;
  width: 25px;
  display: block;
  background: #fdb913;
  margin-bottom: 5px;
  border-radius: 3px;
}

.navbar .dropdown .dropdown-toggle:after {
  margin-left: 15px;
}

.demo-2 .dropdown-menu {
  border: none;
  background-repeat: no-repeat;
  background-size: 100% 100% !important;
}

li.nav-item.dropdown.show .dropdown-menu.show {
  overflow-x: auto;
}

.sub_menu.show {
  max-height: 70vh;
  overflow-y: auto;
}

.dropdown-menu.sub-menu-container.sub_menu {
  background: #fff url(../images/menu.png);
}

.main_header {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 999;
  box-shadow: 0 4px 4px rgba(74, 74, 74, 0.3);
  padding-bottom: 11px;
  background: rgba(0, 0, 0, 0.93);
}

.con_popup {
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  height: 106px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #fdb913;
  z-index: 3;
  font-size: 20px;
}

.sub_menu {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.main_header .sub_menu:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
}

.sub_menu .menu_title {
  font-size: 14px;
  color: #074198;
  font-weight: 600;
  display: block;
  padding-left: 15px;
}

.sub_menu .nav .nav-item .nav-link img {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.sub_menu .nav .nav-item .nav-link:hover img .sub_menu .nav .nav-item .nav-link:hover i {
  transform: rotate(360deg);
  transition: all 0.5s linear;
}

.sub_menu .nav .nav-item .nav-link:hover i {
  transform: rotate(360deg);
  transition: all 0.5s linear;
}

.sub_menu .nav .nav-item {
  width: 100%;
}

.sub_menu .nav .nav-item .nav-link {
  color: #595e5f !important;
  font-size: 14px !important;
  margin-right: 0 !important;
  padding: 5px 7px !important;
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
}

.sub_menu .hire_quality {
  color: #074198;
  font-size: 14px;
  font-weight: 600;
  padding-left: 15px;
}

.sub_menu .submenu_bottom {
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  display: flex;
  background: #fdb913;
  margin-bottom: 15px;
  overflow: hidden;
}

.sub_menu .submenu_bottom .here_detail {
  flex-grow: 1;
  padding: 15px;
  background: 0 0;
  color: #000;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sub_menu .submenu_bottom .here_detail.active {
  background: #cd1010;
  color: #fff;
}

.sub_menu .submenu_bottom .here_detail .leftImage {
  width: 55px;
  display: inline-block;
}

.sub_menu .submenu_bottom .here_detail .leftImage img {
  max-width: 100%;
  width: 50px;
}

.sub_menu .submenu_bottom .job_type .leftImage img {
  width: auto;
}

.sub_menu .submenu_bottom .job_type .rightSection p {
  font-size: 20px !important;
}

.sub_menu .submenu_bottom .job_type .leftImage {
  width: 40px;
}

.sub_menu .submenu_bottom .job_type .rightSection {
  width: calc(100% - 40px);
}

.sub_menu .submenu_bottom .here_detail .rightSection {
  width: calc(100% - 60px);
  display: inline-block;
  margin-left: auto;
}

.sub_menu .submenu_bottom .here_detail .rightSection p {
  font-size: 14px;
  margin-bottom: 0;
}

.sub_menu .submenu_bottom .here_detail .rightSection p strong {
  font-size: 16px;
  font-weight: 500;
}

.sub_menu .nav {
  padding-top: 10px;
}

.sub_menu .nav .nav-item .nav-link span {
  width: calc(100% - 34px);
  display: inline-block;
  padding-left: 5px;
  vertical-align: text-top;
}

.sub_menu .nav .nav-item .nav-link samp {
  display: inline-flex;
  height: 30px;
  width: 30px;
  padding: 2px;
  border-radius: 50%;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
}

.main_header .top_header ul li a {
  color: #fff;
  font-size: 12px;
  transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
}

.main_header .top_header ul li a:hover {
  color: #fdb913;
  transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
}

.main_header.fixed-header {
  background: rgba(0, 0, 0, 0.87);
  z-index: 999;
  padding-bottom: 11px;
  box-shadow: 0 4px 4px rgba(74, 74, 74, 0.55);
}

.main_header .top_header ul li a i {
  font-size: 16px;
}

.bottom_header {
  padding: 0;
}

.company_left .nav li.nav-item .nav-link i {
  font-size: 24px;
  vertical-align: middle;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link i {
  font-size: 20px;
  vertical-align: middle;
}

.company_left .nav li.nav-item .nav-link i.zmdi.zmdi-account-box {
  color: #9cc363;
}

.company_left .nav li.nav-item .nav-link i.zmdi.zmdi-comments.color-darkestBlue {
  color: #78ac8e;
}

.company_left .nav li.nav-item .nav-link i.color-bayLeaf {
  color: #88872b;
}

.company_left .nav li.nav-item .nav-link i.color-darkestBlue {
  color: #111147;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link i.icon-php {
  color: #815ebc;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link i.icon-laravel {
  color: #f35045;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link i.icon-codeigniter {
  color: #ee4323;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link i.icon-yii {
  color: #1766a9;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link i.icon-cakephp {
  color: #d53d45;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link i.icon-symfony {
  color: #616d6f;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link i.fa.fa-wordpress {
  color: #21769b;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link i.icon-shopify {
  color: #9cc363;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link i.icon-osCommerce-alt {
  color: #616d6f;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link i.zmdi.zmdi-toys.zmd-fw {
  color: #f7c500;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link i.icon-magento {
  color: #f46e25;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link i.icon-android {
  color: #aac148;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link i.icon-apple,
.bottom_header .navbar .navbar-nav .nav-item .nav-link i.zmdi-apple {
  color: #696969;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link i.icon-ionic {
  color: #4f8ff3;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link:hover samp svg circle,
.bottom_header .navbar .navbar-nav .nav-item .nav-link:hover samp svg g path {
  fill: #fff !important;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link i.icon-reactjs.color-brightBlue {
  color: #48a4d1;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link i.icon-angular {
  color: #b52e32;
}

.color-bayLeaf {
  color: #78ac8e;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link i.zmdi-paypal-alt {
  color: #1874cb;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link i.icon-dotnet {
  color: #8561ad;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link i.color-brightYellow {
  color: #f9b447;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link i.color-brightOrange {
  color: #f08550;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link i.color-brightBlue {
  color: #48a4d1;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link i.color-bayLeaf {
  color: #78ac8e;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link i.color-darkestBlue {
  color: #616d6f;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link:hover i,
.company_left .nav li.nav-item .nav-link:hover i,
.company_left .nav li.nav-item .nav-link:hover i.zmdi {
  color: #fff !important;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link:hover i:before {
  transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  transform: rotate(360deg);
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link {
  color: #fff;
  font-size: 14px;
  transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  padding: 10px 15px;
  border: 2px solid transparent;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  margin-right: 10px;
}

.bottom_header .navbar .navbar-nav .nav-item .nav-link:hover,
.bottom_header .navbar .navbar-nav .nav-item.active .nav-link,
li.nav-item.dropdown.show .nav-link {
  color: #fdb913;
  transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  border-color: #fdb913;
}

.bottom_header .navbar .navbar-nav .nav-item.active .sub_menu .nav-item .nav-link {
  border: none;
  color: #919191;
}

.main_header .top_header ul li {
  position: relative;
}

.main_header .top_header ul li:after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  bottom: 0;
  height: 40%;
  width: 1px;
  margin: auto;
  text-align: center;
  background: #919191;
}

.main_header .top_header ul li:last-child:after {
  background: 0 0;
}

li.nav-item.dropdown.position-relative.show > .dropdown-menu {
  opacity: 1;
  transform: none;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  transition: 0.3s linear all;
  visibility: visible;
}

.company_left {
  border-right: 1px solid #ccc;
  padding-right: 0;
}

.company_left .menu_title {
  font-size: 16px;
  margin-bottom: 15px;
  display: block;
}

.company_right h3 {
  text-transform: uppercase;
  color: #164ea3;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  margin-bottom: 0;
  margin-top: -10px;
}

.sub_menu .nav .nav-item .nav-link,
.sub_menu .nav .nav-item .nav-link:hover {
  border: none !important;
}

.company_left .nav {
  padding-right: 10px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
}

.company_left .nav li.nav-item {
  width: 50%;
}

.company_left .nav li.nav-item .nav-link {
  padding: 8px 10px !important;
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  border: none !important;
}

.sub_menu .nav li.nav-item .nav-link:hover {
  border: none;
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
}

.company_social {
  padding-left: 0;
  padding-top: 25px;
  list-style: none;
  display: flex;
  text-align: center;
  padding-right: 10px;
}

.company_social li.email a {
  border-color: #de1f1f;
  color: #de1f1f;
}

.company_social li.email a:hover {
  transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  background: #de1f1f;
  color: #fff;
}

.company_social li.email a:hover svg {
  fill: #fff;
}

.service_social li a {
  padding: 10px 15px;
  border-color: #15a3b8;
  border: 1px solid;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  display: block;
  margin-right: 10px;
  font-size: 20px;
  transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
}

.service_social li a.skype {
  border-color: #15a3b8;
  color: #15a3b8;
}

.service_social li a.skype:hover {
  transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  background: #15a3b8;
  color: #fff;
}

.menuservice_pack {
  background: #fff;
  padding: 10px 20px;
  display: flex;
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
  margin-top: 10px;
  align-items: center;
  padding-bottom: 0;
}

.menuservice_pack .pack {
  height: 87px;
  display: flex;
  width: 225px;
  background-size: 100%;
  background-repeat: no-repeat;
  align-items: center;
  margin-bottom: -7px;
  margin-left: 20px;
  margin-right: 10px;
}

.menuservice_pack .pack p {
  margin-bottom: 25px;
  padding-left: 7px;
  color: #000;
  font-size: 18px;
}

.menuservice_pack .pack p span {
  width: 100%;
  font-size: 9px;
  color: #000;
  margin-bottom: 0;
  line-height: 1;
  padding-top: 3px;
  border-top: 1px solid #ededed;
}

.menuservice_pack .pack span {
  width: 60px;
  display: inline-block;
  font-size: 40px;
  color: rgba(255, 255, 255, 0.33);
  line-height: 0.5;
  font-weight: 700;
  margin-bottom: 22px;
  padding-left: 3px;
}

.menuservice_pack .packageTwo span {
  padding-left: 0;
  margin-bottom: 26px;
}

.menuservice_pack .packageThree span {
  padding-left: 0;
  margin-bottom: 26px;
}

.industry_megamenu .nav .nav-item {
  margin-bottom: 10px;
}

.industry_megamenu .nav .nav-item a.nav-link {
  padding: 7px !important;
}

.menuservice_pack .packageTwo {
  background: url(../images/pack2.png);
}

.menuservice_pack .packageThree {
  background: url(../images/pack3.png);
}

.menuservice_pack .packageOne {
  background: url(../images/pack1.png);
}

.menuservice_pack .text_part {
  padding: 10px 25px;
}

.menuservice_pack .text_part p {
  color: #14419b;
  font-weight: 600;
  text-transform: uppercase;
}

.service_social li a.contact {
  border-color: #39b54a;
  color: #39b54a;
}

.service_social li a.contact span {
  vertical-align: middle;
}

.service_social li a.contact:hover {
  transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  background: #39b54a;
  color: #fff;
}

.service_social li a.emails {
  border-color: #de1f1f;
  color: #de1f1f;
}

.service_social li a.emails:hover {
  transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  background: #de1f1f;
  color: #fff;
}

.service_social li a.emails:hover svg path {
  fill: #fff;
}

.service_social li a.skype:hover svg path {
  fill: #fff;
}

.service_social li {
  display: inline-block;
}

.service_social {
  padding: 30px 0 0 0;
}

.company_social li.skype a:hover {
  background: #15a3b8;
  color: #fff;
  transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
}

.company_social li.whatsapp a:hover {
  color: #fff;
  background: #39b54a;
  transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
}

.company_social li.skype a:hover svg path {
  fill: #fff;
}

.company_social li.skype a {
  border-color: #15a3b8;
  color: #15a3b8;
}

.company_social li.skype a svg {
  fill: #15a3b8;
}

.company_social li.whatsapp a {
  color: #39b54a;
  border-color: #39b54a;
}

.company_social li a {
  background: #fff;
  display: inline-flex;
  justify-content: center;
  width: 130px;
  height: 110px;
  font-size: 20px;
  align-items: center;
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
  border: 1px solid;
  transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
}

.company_social li {
  width: 33.33%;
  display: inline-block;
}

.industries_social {
  padding-top: 0;
  padding-right: 0;
  flex-wrap: wrap;
}

.industries_social li {
  width: 50%;
  display: inline-block;
  margin-bottom: 15px;
  padding-right: 10px;
}

.industries_social li.contact a {
  color: #fdb913;
  border-color: #fdb913;
}

.industries_social li.contact a:hover {
  color: #fff;
  background: #fdb913;
  transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
}

.industries_social li.contact a:hover svg {
  fill: #fff;
}

.industries_social li a {
  font-size: 16px;
  width: 100px;
  height: 90px;
}

.mobile_top img {
  width: 20px;
}

.Phone {
  position: relative;
  display: block;
  margin: 0;
  width: 30px;
  height: 30px;
  font-size: 25vmin;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(52, 152, 219, 0), 0 0.05em 0.1em rgba(0, 0, 0, 0.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}

.Phone::after,
.Phone::before {
  position: absolute;
  content: "";
}

.Phone::before {
  top: -6px;
  left: -6px;
  width: 40px;
  height: 40px;
  background-color: rgba(253, 185, 19, 0.3);
  border-radius: 100%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0);
}

.Phone::after {
  top: 7px;
  left: 7px;
  width: 15px;
  height: 15px;
  background: url(../images/call.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.Phone.is-animating {
  -webkit-animation: phone-outer 3s infinite;
  animation: phone-outer 3s infinite;
}

.Phone.is-animating::before {
  -webkit-animation: phone-inner 3s infinite;
  animation: phone-inner 3s infinite;
}

.Phone.is-animating::after {
  -webkit-animation: phone-icon 3s infinite;
  animation: phone-icon 3s infinite;
}

@-webkit-keyframes phone-outer {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow: 0 0 0 0 rgba(52, 152, 219, 0), 0 0.05em 0.1em rgba(0, 0, 0, 0.2);
  }

  33.3333% {
    -webkit-transform: translate3d(0, 0, 0) scale(1.1);
    transform: translate3d(0, 0, 0) scale(1.1);
    box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.1), 0 0.05em 0.1em rgba(0, 0, 0, 0.5);
  }

  66.6666% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow: 0 0 0 0.5em rgba(52, 152, 219, 0), 0 0.05em 0.1em rgba(0, 0, 0, 0.2);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow: 0 0 0 0 rgba(52, 152, 219, 0), 0 0.05em 0.1em rgba(0, 0, 0, 0.2);
  }
}

@keyframes phone-outer {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow: 0 0 0 0 rgba(52, 152, 219, 0), 0 0.05em 0.1em rgba(0, 0, 0, 0.2);
  }

  33.3333% {
    -webkit-transform: translate3d(0, 0, 0) scale(1.1);
    transform: translate3d(0, 0, 0) scale(1.1);
    box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.1), 0 0.05em 0.1em rgba(0, 0, 0, 0.5);
  }

  66.6666% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow: 0 0 0 0.5em rgba(52, 152, 219, 0), 0 0.05em 0.1em rgba(0, 0, 0, 0.2);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow: 0 0 0 0 rgba(52, 152, 219, 0), 0 0.05em 0.1em rgba(0, 0, 0, 0.2);
  }
}

@-webkit-keyframes phone-inner {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
    transform: translate3d(0, 0, 0) scale(0);
  }

  33.3333% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(0.9);
    transform: translate3d(0, 0, 0) scale(0.9);
  }

  66.6666% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
    transform: translate3d(0, 0, 0) scale(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
    transform: translate3d(0, 0, 0) scale(0);
  }
}

@keyframes phone-inner {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
    transform: translate3d(0, 0, 0) scale(0);
  }

  33.3333% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(0.9);
    transform: translate3d(0, 0, 0) scale(0.9);
  }

  66.6666% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
    transform: translate3d(0, 0, 0) scale(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
    transform: translate3d(0, 0, 0) scale(0);
  }
}

@-webkit-keyframes phone-icon {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  2% {
    -webkit-transform: translate3d(0.01em, 0, 0);
    transform: translate3d(0.01em, 0, 0);
  }

  4% {
    -webkit-transform: translate3d(-0.01em, 0, 0);
    transform: translate3d(-0.01em, 0, 0);
  }

  6% {
    -webkit-transform: translate3d(0.01em, 0, 0);
    transform: translate3d(0.01em, 0, 0);
  }

  8% {
    -webkit-transform: translate3d(-0.01em, 0, 0);
    transform: translate3d(-0.01em, 0, 0);
  }

  10% {
    -webkit-transform: translate3d(0.01em, 0, 0);
    transform: translate3d(0.01em, 0, 0);
  }

  12% {
    -webkit-transform: translate3d(-0.01em, 0, 0);
    transform: translate3d(-0.01em, 0, 0);
  }

  14% {
    -webkit-transform: translate3d(0.01em, 0, 0);
    transform: translate3d(0.01em, 0, 0);
  }

  16% {
    -webkit-transform: translate3d(-0.01em, 0, 0);
    transform: translate3d(-0.01em, 0, 0);
  }

  18% {
    -webkit-transform: translate3d(0.01em, 0, 0);
    transform: translate3d(0.01em, 0, 0);
  }

  20% {
    -webkit-transform: translate3d(-0.01em, 0, 0);
    transform: translate3d(-0.01em, 0, 0);
  }

  22% {
    -webkit-transform: translate3d(0.01em, 0, 0);
    transform: translate3d(0.01em, 0, 0);
  }

  24% {
    -webkit-transform: translate3d(-0.01em, 0, 0);
    transform: translate3d(-0.01em, 0, 0);
  }

  26% {
    -webkit-transform: translate3d(0.01em, 0, 0);
    transform: translate3d(0.01em, 0, 0);
  }

  28% {
    -webkit-transform: translate3d(-0.01em, 0, 0);
    transform: translate3d(-0.01em, 0, 0);
  }

  30% {
    -webkit-transform: translate3d(0.01em, 0, 0);
    transform: translate3d(0.01em, 0, 0);
  }

  32% {
    -webkit-transform: translate3d(-0.01em, 0, 0);
    transform: translate3d(-0.01em, 0, 0);
  }

  34% {
    -webkit-transform: translate3d(0.01em, 0, 0);
    transform: translate3d(0.01em, 0, 0);
  }

  36% {
    -webkit-transform: translate3d(-0.01em, 0, 0);
    transform: translate3d(-0.01em, 0, 0);
  }

  38% {
    -webkit-transform: translate3d(0.01em, 0, 0);
    transform: translate3d(0.01em, 0, 0);
  }

  40% {
    -webkit-transform: translate3d(-0.01em, 0, 0);
    transform: translate3d(-0.01em, 0, 0);
  }

  42% {
    -webkit-transform: translate3d(0.01em, 0, 0);
    transform: translate3d(0.01em, 0, 0);
  }

  44% {
    -webkit-transform: translate3d(-0.01em, 0, 0);
    transform: translate3d(-0.01em, 0, 0);
  }

  46% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes phone-icon {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  2% {
    -webkit-transform: translate3d(0.01em, 0, 0);
    transform: translate3d(0.01em, 0, 0);
  }

  4% {
    -webkit-transform: translate3d(-0.01em, 0, 0);
    transform: translate3d(-0.01em, 0, 0);
  }

  6% {
    -webkit-transform: translate3d(0.01em, 0, 0);
    transform: translate3d(0.01em, 0, 0);
  }

  8% {
    -webkit-transform: translate3d(-0.01em, 0, 0);
    transform: translate3d(-0.01em, 0, 0);
  }

  10% {
    -webkit-transform: translate3d(0.01em, 0, 0);
    transform: translate3d(0.01em, 0, 0);
  }

  12% {
    -webkit-transform: translate3d(-0.01em, 0, 0);
    transform: translate3d(-0.01em, 0, 0);
  }

  14% {
    -webkit-transform: translate3d(0.01em, 0, 0);
    transform: translate3d(0.01em, 0, 0);
  }

  16% {
    -webkit-transform: translate3d(-0.01em, 0, 0);
    transform: translate3d(-0.01em, 0, 0);
  }

  18% {
    -webkit-transform: translate3d(0.01em, 0, 0);
    transform: translate3d(0.01em, 0, 0);
  }

  20% {
    -webkit-transform: translate3d(-0.01em, 0, 0);
    transform: translate3d(-0.01em, 0, 0);
  }

  22% {
    -webkit-transform: translate3d(0.01em, 0, 0);
    transform: translate3d(0.01em, 0, 0);
  }

  24% {
    -webkit-transform: translate3d(-0.01em, 0, 0);
    transform: translate3d(-0.01em, 0, 0);
  }

  26% {
    -webkit-transform: translate3d(0.01em, 0, 0);
    transform: translate3d(0.01em, 0, 0);
  }

  28% {
    -webkit-transform: translate3d(-0.01em, 0, 0);
    transform: translate3d(-0.01em, 0, 0);
  }

  30% {
    -webkit-transform: translate3d(0.01em, 0, 0);
    transform: translate3d(0.01em, 0, 0);
  }

  32% {
    -webkit-transform: translate3d(-0.01em, 0, 0);
    transform: translate3d(-0.01em, 0, 0);
  }

  34% {
    -webkit-transform: translate3d(0.01em, 0, 0);
    transform: translate3d(0.01em, 0, 0);
  }

  36% {
    -webkit-transform: translate3d(-0.01em, 0, 0);
    transform: translate3d(-0.01em, 0, 0);
  }

  38% {
    -webkit-transform: translate3d(0.01em, 0, 0);
    transform: translate3d(0.01em, 0, 0);
  }

  40% {
    -webkit-transform: translate3d(-0.01em, 0, 0);
    transform: translate3d(-0.01em, 0, 0);
  }

  42% {
    -webkit-transform: translate3d(0.01em, 0, 0);
    transform: translate3d(0.01em, 0, 0);
  }

  44% {
    -webkit-transform: translate3d(-0.01em, 0, 0);
    transform: translate3d(-0.01em, 0, 0);
  }

  46% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.banner_img {
  background: url(../images/bannerimg.png);
  height: 711px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}

.slider {
  padding-top: 20px;
}

.left_textpart {
  width: 48%;
  display: inline-flex;
  padding: 15px;
  justify-content: flex-end;
  align-items: center;
}

.slider_title {
  color: #fff;
  font-size: 35px;
  font-family: diavlolight;
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}

.slider_title:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #fdb913;
  bottom: -3px;
  left: 0;
  right: 0;
}

.slider .links_btn {
  text-align: center;
}

.left_textpart p,
.tag_line {
  padding-top: 7px;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

.slider .links_btn a {
  font-size: 17px;
  font-family: diavlobook;
  text-transform: capitalize;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  display: inline-flex;
  width: 140px;
  height: 39px;
  justify-content: center;
  align-items: center;
  transition: all 0.7s linear;
  -o-transition: all 0.7s linear;
  -moz-transition: all 0.7s linear;
  -ms-transition: all 0.7s linear;
  -webkit-transition: all 0.7s linear;
}

.slider .links_btn .get_quote {
  color: #fff;
  margin-right: 15px;
  background: #074198;
  border: 2px solid #074198;
}

.slider .links_btn .get_quote:hover {
  color: #fff;
  background: 0 0;
  transition: all 0.7s linear;
  -o-transition: all 0.7s linear;
  -moz-transition: all 0.7s linear;
  -ms-transition: all 0.7s linear;
  -webkit-transition: all 0.7s linear;
}

.slider .links_btn .know_more:hover {
  transition: all 0.7s linear;
  -o-transition: all 0.7s linear;
  -moz-transition: all 0.7s linear;
  -ms-transition: all 0.7s linear;
  -webkit-transition: all 0.7s linear;
  background: 0 0;
}

.slider .links_btn .know_more {
  background: #074198;
  color: #fff;
  border: 2px solid #074198;
}

.slider_title span {
  color: #fdb913;
}

.right_image {
  width: 52%;
  display: inline-block;
}

.right_image .inner {
  position: relative;
  height: 480px;
  width: auto;
  margin-left: auto;
}

.right_image .inner img {
  height: 100%;
}

.services {
  margin-top: -150px;
  padding-top: 150px;
}

.services .title span {
  font-size: 50px;
}

.services .title {
  font-size: 30px;
}

.servicesImg {
  display: flex;
}

.servicesImg .single_service {
  text-align: center;
}

.four_service .single_service {
  width: 25%;
}

.tree_service .single_service {
  width: 33.33%;
}

.tree_service {
  width: 80%;
  margin: 0 auto;
  margin-top: -30px;
}

.margintop_minus {
  margin-top: -30px;
}

.servicesImg .single_service .single_icon {
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../images/singleservicesbg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  margin: 0 auto;
}

.servicesImg .single_service:hover .single_icon {
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: rotate3d(1, 1, 10, 360deg);
  transition-delay: 0.3s;
}

.servicesImg .single_service p {
  color: #595e5f;
  font-size: 16px;
}

.hireservices {
  background: #074198;
  padding: 80px 0;
  color: #fff;
}

.hireservices p {
  font-size: 36px;
  font-family: diavlobook;
}

.about {
  padding-top: 80px;
  padding-bottom: 105px;
}

.about .about_left {
  height: auto;
  width: 100%;
  position: relative;
}

.about .about_left img {
  width: 100%;
}

.about_right {
  display: flex;
  justify-content: center;
  align-items: center;
}

.title {
  font-family: diavlobook;
  font-size: 40px;
  color: #000;
  margin-bottom: 20px;
  margin-top: 0;
}
.latestwork .title span {
  color: #f1b112;
}
.title span {
  font-family: diavlobold;
  color: #074198;
}

.about_right p {
  line-height: 24px;
  font-size: 18px;
  width: 100%;
}

.description {
  font-size: 18px;
  line-height: 28px;
}

.latestwork {
  background: #1a1814;
  padding-top: 50px;
  padding-bottom: 50px;
}

.sliderTitle h3 {
  color: #fff;
  margin-bottom: 0;
  font-family: diavlobook;
  font-size: 24px;
  padding-bottom: 0;
  background: #f1b112;
  width: 200px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.sliderTitle h3 a {
  color: #000;
}

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

.sliderTitle {
  margin-top: 30px;
  margin-bottom: 15px;
}

.latestwork .description {
  color: #848788;
  text-align: center;
}

.overlay h4 {
  color: #1a1814;
  font-size: 20px;
  font-family: diavlobold;
  font-weight: 500;
  margin-bottom: 0;
}

.overlay {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: rgba(253, 185, 19, 0.8);
  transition: all 0.6s linear;
  -webkit-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  -ms-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
  padding: 20px;
  text-align: left;
}

.projectimg:hover .overlay {
  top: 0;
  opacity: 1;
  visibility: visible;
  transition: all 0.6s linear;
  -webkit-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  -ms-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
}

.latestwork .owl-carousel {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 20px auto;
  overflow: hidden;
  box-sizing: content-box;
}

.latestwork .owl-carousel .owl-stage-outer {
  overflow: visible;
}

.latestwork .owl-item {
  float: left;
  position: relative;
  height: calc(39% - 10px);
  transition: opacity 1s ease;
}

.latestwork .owl-item:not(.active) {
  opacity: 0;
}

.latestwork .owl-carousel:hover .owl-item:after {
  opacity: 1;
}

.projectimg {
  position: relative;
  width: 100%;
  height: 310px;
  text-align: center;
  overflow: hidden;
  cursor: default;
  z-index: 1;
}

.projectimg img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.overlay p {
  font-size: 15px;
  color: #1a1814;
  white-space: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 12;
  line-height: 20px;
  max-height: fit-content;
}

.overlay a {
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  color: #1a1814;
  text-align: left;
  display: inline-block;
  padding-top: 20px;
}

.product_title,
.product_title a {
  color: #848788;
  font-size: 20px;
  font-family: diavlobold;
  font-weight: 400;
  margin-top: 15px;
  text-align: left;
  padding-left: 5px;
}

.latest_tab ul {
  font-family: diavlobook;
}

.latest_tab ul li {
  display: inline-block;
  text-align: center;
  padding: 0 10px;
}

.latest_tab ul li a {
  color: #848788;
  font-size: 24px;
  padding: 5px 15px;
  display: inline-block;
  transition: all 0.6s linear;
  -webkit-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  -ms-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.latest_tab ul li a:focus,
.latest_tab ul li a:hover,
.latest_tab ul li.active a {
  color: #000;
  background: #fdb913;
  transition: all 0.6s linear;
  -webkit-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  -ms-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
}

.project_slider {
  margin-top: 0;
  margin-bottom: 30px;
}

.topwebdevelop {
  padding-top: 100px;
  padding-bottom: 100px;
}

.topwebdevelop .title {
  font-size: 40px;
  font-family: diavlobook;
  margin-bottom: 50px;
}

.topwebdevelop .title span {
  font-weight: 600;
  font-family: diavlobold;
}

.details {
  position: relative;
  text-align: center;
  flex-grow: 1;
}

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

.com_logo {
  padding: 25px 10px;
  margin-right: 19px;
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  border-radius: 3px;
}

.com_logo:hover {
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transform: translateY(-5px) scale(1.02);
  -webkit-transform: translateY(-5px) scale(1.02);
  -o-transform: translateY(-5px) scale(1.02);
  -moz-transform: translateY(-5px) scale(1.02);
  -ms-transform: translateY(-5px) scale(1.02);
}

.com_logo img {
  height: 160px;
  width: auto;
  margin: 0 auto;
  max-width: 100%;
  object-fit: contain;
}

.skill span img {
  width: auto !important;
  display: unset !important;
}

.skill {
  color: #117a2b;
  font-size: 16px;
}

.skill_detail {
  color: #595e5f;
  font-size: 16px;
  padding: 0 30px;
}

.ourskill {
  background: #0d0d0d;
  margin-bottom: 130px;
  padding: 40px 0;
}

.ourskill p {
  font-size: 14px;
  color: #fff;
}

.ourskill .title {
  text-align: center;
  color: #fdb913;
  font-size: 30px;
  font-weight: 100 !important;
  font-family: diavlolight;
}

.ourskill .title span {
  font-family: diavlolight;
  font-size: 50px;
}

.ourskill .progress {
  height: 38px;
  text-align: left;
}

.ourskill .progress .progress-bar {
  text-align: left;
  padding-left: 30px;
  color: #000;
  font-size: 14px;
}

.basicpack {
  background: #ffb400;
  padding-top: 0;
  border-top-left-radius: 90px;
  border-bottom-right-radius: 90px;
  box-shadow: 0 -1px 24px rgba(154, 145, 145, 0.81);
  border-top: 11px solid #ffb400;
  overflow: hidden;
  transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
}

.hoverprice:hover,
.premium:hover,
.standard:hover {
  transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
}

.bottom_part p {
  padding: 10px 25px;
  font-size: 14px;
  color: #595e5f;
  margin-bottom: 0;
}

.maindiv {
  border-top-left-radius: 28%;
}

.top_part {
  padding: 10px 20px;
  text-align: center;
}

.top_part h3 {
  font-family: diavlobold;
  font-size: 30px;
  color: #fff;
  position: relative;
  padding-bottom: 6px;
}

.top_part h3:after {
  width: 68%;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 1px;
  background: #dba31b;
  position: absolute;
  content: "";
  margin: auto;
}

.standard .top_part h3:after {
  background: #afafaf;
}

.premium .top_part h3:after {
  background: #1b78e5;
}

.price_package {
  padding-bottom: 160px;
  padding-top: 20px;
}

.bottom_part {
  background: #fff;
  border-bottom-right-radius: 90px;
  padding-top: 60px;
  position: relative;
  margin-top: -43px;
}

.bottom_part:after {
  position: absolute;
  content: "";
  border-bottom: 23px solid #fff;
  top: -28px;
  right: -7px;
  border-top: 99px solid #fff;
  border-right: 21px solid transparent;
}

.bottom_part h4 {
  text-align: center;
  font-size: 38px;
  font-family: diavlobold;
  margin-bottom: 25px;
  margin-top: 10px;
}

.bottom_part h4 span {
  color: #bbb;
  font-size: 23px;
}

.bottom_part ul {
  padding: 0;
}

.bottom_part ul li {
  font-size: 14px;
  line-height: 2;
  margin-bottom: 5px;
  font-weight: 500;
}

.bottom_part ul li {
  color: #000;
  padding-left: 45px;
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
}

.bottom_part ul li.checked:before {
  content: "";
  position: absolute;
  left: 25px;
  background: url(../images/checked.png);
  width: 14px;
  height: 14px;
  top: 13px;
  bottom: 0;
  background-repeat: no-repeat;
}

.premium .price_part {
  background: #18318e;
}

.price_part {
  background: #dba31b;
  border-top-left-radius: 80px;
  border-bottom-right-radius: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 118px;
  position: relative;
  z-index: 1;
}

.top_part p {
  font-size: 14px;
}

.price_part h4 {
  text-align: center;
  font-size: 30px;
  font-family: diavlobold;
  margin-bottom: 25px;
  margin-top: 10px;
  color: #fff;
  margin: 0;
}

.price_part h4 span {
  font-size: 15px;
}

.bottom_part ul li.cancel:before {
  content: "";
  position: absolute;
  left: 25px;
  background: url(../images/cancel.png);
  width: 12px;
  height: 12px;
  top: 13px;
  bottom: 0;
  background-repeat: no-repeat;
}

.premium .bottom_part ul li:nth-child(odd) {
  background: #97c4f9;
}

.standard .bottom_part ul li:nth-child(odd) {
  background: #c1c1c1;
}

.bottom_part ul li:nth-child(odd) {
  background: #ffb400;
}

.bottom_part a {
  display: inline-flex;
  height: 50px;
  width: 170px;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background: #fdb913;
  margin-bottom: 25px;
  margin-top: 10px;
  text-transform: uppercase;
  font-size: 20px;
  font-family: diavlobook;
  border: 2px solid #fdb913;
  transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
}

.bottom_part a:hover {
  background: 0 0;
  color: #fdb913;
  transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
}

.standard {
  background: #535353;
  border-top: 11px solid #535353;
}

.standard .price_part {
  background: #3a3a3a;
}

.iconimg {
  padding-top: 10px;
  text-align: center;
}

.standard .bottom_part ul li {
  line-height: 2.2;
}

.standard .bottom_part a {
  background: #6a6a6a;
  margin-top: 3px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  border-color: #6a6a6a;
  transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
}

.standard .bottom_part a:hover {
  background: 0 0;
  color: #6a6a6a;
  transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
}

.premium {
  background: #015ecc;
  border-top-color: #015ecc;
}

.premium .bottom_part a {
  background: #015ecc;
  margin-top: 15px;
  margin-bottom: 20px;
  border-color: #015ecc;
  transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
}

.premium .bottom_part a:hover {
  color: #074198;
  background: 0 0;
  transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
}

.brandimgs {
  text-align: center;
  box-shadow: 0 4px 5px rgba(88, 87, 87, 0.5);
  padding: 10px;
  margin: 10px;
  height: 110px;
  border-radius: 4px;
  transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  position: relative;
}

.brandimgs:hover {
  transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
}

.brandimgs img {
  text-align: center;
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 8px;
  height: 83%;
  object-fit: contain;
  width: 90% !important;
}

.brandlogo_silder {
  padding-top: 100px;
  padding-bottom: 80px;
}

.testimonial {
  min-height: 540px;
  display: flex;
  justify-content: center;
  align-items: baseline;
  position: relative;
}

.testimonial:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  background: #f1b112;
  border-top-left-radius: 60px;
  border-bottom-right-radius: 60px;
  top: 0;
  left: 0;
  bottom: 0;
}

.testimonial:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 80%;
  background: #000;
  top: 0;
  right: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.mainlefttestimonial {
  padding-bottom: 20px;
  padding-right: 20%;
  z-index: 7;
  transition: opacity 0.5s ease 0s;
  min-height: 565px;
}

.mainlefttestimonial .testimonial_title {
  text-align: right;
  padding-top: 125px;
  padding-right: 37px;
}

.testimonial_title h3 {
  color: #074198;
  font-size: 40px;
  font-weight: 600;
  font-family: diavlobold;
  margin-bottom: 5px;
}

.testimonial_title p {
  font-size: 36px;
  font-weight: 600;
  font-family: diavlolight;
  color: #000;
  line-height: 1;
}

.testimonial_activeprofile {
  position: absolute;
  right: -30%;
  top: 25%;
  width: 270px;
  height: 270px;
  padding: 10px;
  background: 0 0;
  border-radius: 50%;
  box-shadow: 0 15px 30px rgba(86, 85, 85, 0.4);
  margin: 15px;
  z-index: 1;
  overflow: hidden;
}

.testimonial_activeprofile .profileimg:after {
  content: "";
  position: absolute;
  background: #000;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 100%;
  z-index: -1;
}

.testimonial_activeprofile .profileimg:before {
  content: "";
  position: absolute;
  background: #f1b112;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 100%;
  z-index: -1;
}

.testimonial .open-quote {
  position: absolute;
  font-size: 800px;
  color: #7d7d7d17;
  top: -16%;
  line-height: 1;
  display: inline-block;
  left: 16%;
  font-family: auto;
}

.testimonial_activeprofile .profileimg {
  position: absolute;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  left: 10px;
  right: 10px;
  top: 10px;
  bottom: 10px;
  background: #000;
  border-radius: 50%;
}

.testimonial_activeprofile .profileimg img {
  position: absolute;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  object-fit: cover;
  background: #000;
  transition: unset !important;
}

.active_details {
  margin-top: 20px;
  transition: all 7s ease-in-out;
  margin-right: 30px;
}

.active_details .describes {
  font-size: 16px;
  line-height: 28px;
  text-align: justify;
  padding: 10px;
  min-height: 350px;
}

.active_details h4 {
  text-transform: uppercase;
  font-size: 16px;
  color: #000;
  margin-top: 20px;
  font-weight: 600;
  width: 91%;
  text-align: right;
}

.active_details .designation {
  font-size: 16px;
  text-align: right;
  width: 91%;
}

.testimonial_rightdiv {
  width: 100%;
  padding-left: 33%;
}

.profilepic {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
}

.profilepic .profile1 {
  width: 102px;
  height: 102px;
  border-radius: 50%;
  background: #453d3d;
  box-shadow: 0 -1px 17px rgba(121, 121, 121, 0.4);
  padding: 5px;
  position: relative;
}

.profilepic .profile.active {
  background: #f1b112;
}

.profilepic .profile1 img,
.profilepic .profile2 img,
.profilepic .profile3 img,
.profilepic .profile4 img,
.profilepic .profile5 img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 90%;
  height: 90%;
  border-radius: 50%;
  object-fit: cover;
  display: inline-block;
  margin: auto;
  background: #000;
}

.testimonial_rightdiv p:before {
  content: "”";
  position: absolute;
  top: 94%;
  left: 25%;
  font-size: 369px;
  color: #0b0b0b;
  line-height: 0.3;
  font-family: auto;
  z-index: -1;
}

.testimonial_rightdiv p {
  text-align: center;
  color: #f1b112;
  font-size: 30px;
  padding-top: 15px;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}

.profilepic .profile2 {
  width: 102px;
  height: 102px;
  border-radius: 50%;
  background: #453d3d;
  box-shadow: 0 -1px 17px rgba(121, 121, 121, 0.4);
  padding: 5px;
  position: relative;
  top: -6px;
  right: 18px;
}

.profilepic .profile3 {
  width: 102px;
  height: 102px;
  border-radius: 50%;
  background: #453d3d;
  box-shadow: 0 -1px 17px rgba(121, 121, 121, 0.4);
  padding: 5px;
  position: absolute;
  top: 3px;
  left: -14px;
}

.profilepic .profile4 {
  width: 102px;
  height: 102px;
  border-radius: 50%;
  background: #453d3d;
  box-shadow: 0 -1px 17px rgba(121, 121, 121, 0.4);
  padding: 5px;
  position: relative;
  text-align: center;
  left: 33%;
  bottom: -77px;
}

.profilepic .profile {
  z-index: 5;
}

.profilepic .profile a {
  display: block;
}

.profilepic .profile5 {
  width: 102px;
  height: 102px;
  border-radius: 50%;
  background: #453d3d;
  box-shadow: 0 -1px 17px rgba(121, 121, 121, 0.4);
  padding: 5px;
  position: relative;
  text-align: center;
  right: 0;
}

.hiredeveloper_banner {
  background: #000 url(../images/bannerbg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 135%;
  padding-top: 60px;
  height: 63vh;
  margin-bottom: 60px;
  position: relative;
  max-width: 100%;
}

.hiredeveloper_banner:after {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 0;
}

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

.hiredeveloper_banner .bannerImage {
  position: absolute;
  right: 0;
  top: 130px;
  bottom: 0;
  text-align: center;
  width: 45%;
  z-index: 1;
}

.hiredeveloper_banner .bannerImage img {
  height: 100%;
  position: absolute;
  margin-left: auto;
  right: 0;
}

.hiredevelopbanner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.hirea {
  min-width: 210px;
  height: 61px;
  padding: 10px 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #fdb913;
  color: #000;
  font-size: 20px;
  font-family: diavlobook;
  font-weight: 500;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border: 2px solid #fdb913;
  transition: all 0.6s linear;
  -webkit-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  -ms-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
}

.hirea:hover {
  color: #fdb913;
  border-color: #fdb913;
  background: 0 0;
  transition: all 0.6s linear;
  -webkit-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  -ms-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
}

.knowmore {
  width: 140px;
  height: 41px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #074198;
  color: #fff;
  font-size: 20px;
  font-family: diavlobook;
  transition: all 0.6s linear;
  -webkit-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  -ms-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border: 2px solid #074198;
  margin-left: -15px;
}

.knowmore:hover {
  background: 0 0;
  color: #074198;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
}

.breadcrumb {
  align-items: center;
  background-color: #f9f9f9;
  padding: 10px;
  box-shadow: 0 2px 4px rgba(220, 219, 219, 0.7);
  -webkit-box-shadow: 0 2px 4px rgba(220, 219, 219, 0.7);
  margin-bottom: 0;
}

.breadcrumb-item {
  font-size: 12px;
}

.breadcrumb-item a {
  color: #686d6e;
}

.breadcrumb-item a i {
  font-size: 18px;
}

.breadcrumb-item.active {
  color: #074198;
  font-size: 12px;
}

.right {
  background: #f2f2f2;
}

.rightdetail {
  padding: 25px 10px;
}

.dedicated {
  padding-top: 35px;
  padding-bottom: 45px;
}

.rightdetail .title {
  font-size: 24px;
  font-family: diavlobook;
  font-weight: 600;
  margin-bottom: 13px;
}

.rightdetail .title span {
  color: #074198;
}

.rightdetail p {
  color: #595e5f;
  font-size: 16px;
}

.question {
  padding-top: 10px;
  font-weight: 500;
  font-size: 20px;
  color: #000;
}

.left_description p {
  color: #595e5f;
  line-height: 30px;
  padding-right: 20px;
}

.process_work {
  background: url(../images/processbg.jpg) no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  background-attachment: fixed;
  min-height: 400px;
  padding-top: 30px;
  padding-bottom: 20px;
}

.process_work .title {
  color: #fff;
}

.process_step li {
  background: url(../images/step1.png) no-repeat;
  flex-grow: 1;
  min-height: 325px;
  background-position: center center;
  text-align: center;
  padding-top: 35px;
  max-width: 165px;
  margin-right: 24px;
}

.process_step {
  display: flex;
}

.process_step li:last-child {
  background: url(../images/steplast.png) no-repeat;
  background-position: center center;
  margin-right: 0;
}

.process_step li .step_span {
  color: #000;
  font-family: diavlolight;
  font-size: 19px;
  text-transform: uppercase;
  display: inline-block;
  padding-right: 10px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.7);
  font-weight: 600;
  line-height: 1.2;
  padding-top: 10px;
  text-align: center;
}

.process_step li .step_span strong {
  font-family: diavlobold;
  font-size: 29px;
  font-weight: 900;
}

.bottom_process {
  padding-top: 40px;
}

.bottom_process img {
  height: 66px;
  margin: auto;
}

.bottom_process p {
  padding: 10px 30px 0 15px;
  font-size: 16px;
  line-height: 19px;
  color: #fbb713;
}

.process_step li:nth-child(even) {
  margin-top: 90px;
}

.process_step li:nth-child(odd) {
  margin-top: 0;
  padding-top: 80px;
}

.process_step li:last-child .bottom_process p {
  padding-left: 28px;
}

.process_step li:last-child .step_span {
  padding-right: 0;
}

.advantages {
  background: #f2f2f2;
  padding: 20px 0;
}

.service_advanc {
  padding-bottom: 100px;
  padding-top: 60px;
}

.service_advanc .title {
  font-size: 32px;
}

.industri_advanc .advantages_list {
  width: 100%;
}

.job_skill .advantages_list {
  width: 50%;
  display: inline-block;
}

.advantages_list {
  padding-top: 15px;
  margin: 0;
}

.job_skill {
  display: flex;
}

.job_address {
  padding-top: 20px;
}

.job_address p {
  font-size: 14px;
}

.job_address p strong {
  font-size: 16px;
  padding-right: 5px;
}

.advantages_list li {
  position: relative;
  padding-left: 20px;
  width: 24%;
  display: inline-block;
  font-size: 16px;
  color: #423737;
  line-height: 22px;
  margin-bottom: 8px;
  vertical-align: text-top;
}

.advantages_list li:before {
  position: absolute;
  width: 20px;
  left: 0;
  top: 5px;
  background: url(../images/primcheck.png) no-repeat;
  content: "";
  height: 20px;
}

.experience_service {
  padding-top: 100px;
  padding-bottom: 85px;
}

.experincelist li {
  margin-bottom: 35px;
  display: block;
  transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}

.experincelist li:hover {
  transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

.experincelist li .triangle span {
  width: 46px !important;
  height: 60px !important;
  margin-bottom: 20px;
  margin-top: 10px;
}

.experincelist li .service_label {
  width: calc(100% - 55px);
  display: inline-flex;
  height: 55px;
  vertical-align: middle;
  align-items: center;
  padding-left: 30px;
  font-size: 14px;
  position: relative;
  color: #000;
  margin-left: -23px;
  z-index: 0;
}

.experincelist li .triangle {
  width: 60px !important;
  height: 95px !important;
}

.experincelist .blue_Img {
  background: url(../images/industries_blue.png) no-repeat;
}

.experincelist .lightgrin_Img {
  background: url(../images/industries_green.png) no-repeat;
}

.experincelist .choco_Img {
  background: url(../images/industries_chocolate.png) no-repeat;
}

.experincelist .orange_Img {
  background: url(../images/industries_yellow.png) no-repeat;
}

.experincelist .pink_Img {
  background: url(../images/industries_pink.png) no-repeat;
}

.blue_color {
  background: #0085ea;
}

.light_grin {
  background: #1dd7bc;
}

.orang_color {
  background: #f78130;
}

.yellow_color {
  background: #ffb82d;
}

.singleimg_div {
  width: 81px;
  background: #fff;
  padding: 7px;
  border-radius: 50%;
  height: 81px;
  display: inline-flex;
  position: relative;
  z-index: 1;
  margin-top: 16px;
}

.single_label {
  width: calc(100% - 56px);
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  background: #f2f2f2;
  margin-left: -46px;
  padding-left: 54px;
  height: 110px;
  border-bottom: 1px solid #fff;
  margin-bottom: 10px;
}

.singleimg_div span {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #ec6737;
  padding: 5px;
  text-align: center;
  align-items: center;
  display: inline-flex;
  justify-content: center;
}

.singleimg_div img {
  width: 35px;
}

.single_label h3 {
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 400;
  color: #000;
  text-transform: capitalize;
}

.single_label p {
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 14px;
  color: #212529;
}

.wordpress {
  border-color: #000 !important;
}

.blockchain {
  border-color: #059cd3 !important;
}

.shopify {
  border-color: #5e8e3e !important;
}

.php {
  border-color: #354580 !important;
}

.woocommerce {
  border-color: #bba2bd !important;
}

.dotnet i {
  color: #8561ad;
  font-size: 28px;
}

.pixels_livig {
  background: url(../images/pixelsbg.jpg) no-repeat;
  background-size: 100% 100%;
  background-position: top center;
  padding-top: 185px;
  padding-bottom: 10px;
  margin-bottom: 80px;
}

.pixels_livig .title {
  color: #fff;
  font-size: 37px;
  text-align: center;
  margin-bottom: 40px;
}

.pixels_livig .taglines {
  text-align: center;
}

.modal-title.nametag {
  font-size: 20px;
  font-family: diavlobook;
  font-weight: 600;
}

.modal-title.nametag span {
  font-size: 14px;
  font-family: Montserrat, sans-serif;
}

.hiredeveloper_banner .slider_title {
  color: #fdb913;
  text-align: center;
}

.hiredeveloper_banner .hiredevelopbanner > div {
  text-align: center;
}

.taglines {
  color: #fff;
  font-size: 16px;
  margin-bottom: 40px;
}

#counter h4 {
  color: #f1b112;
  font-size: 40px;
  font-family: diavlobook;
  font-weight: 700;
}

#counter p {
  color: #fff;
  text-transform: capitalize;
  font-size: 20px;
  font-family: diavlobook;
}

#counter img {
  height: 81px;
}

#counter svg {
  margin-bottom: 20px;
}

.instructiontag .taglins {
  font-size: 20px;
  color: #000;
  font-weight: 500;
  margin-bottom: 35px;
  padding-top: 15px;
}

.instructiontag .indus_text {
  margin-bottom: 20px;
}
.instructiontag .list_number {
  list-style: auto;
  font-weight: 600;
}
.instructiontag .list_number .indus_text {
  font-weight: normal;
}
.indus_text {
  color: #595e5f;
  font-size: 16px;
}

.instructiontag {
  padding-bottom: 30px;
}

.instructiontag ul li {
  margin-bottom: 10px;
  font-size: 15px;
}

.infography {
  background: url(../images/industries_infobg.png);
  padding-top: 45px;
  padding-bottom: 50px;
}

.infography_img {
  text-align: center;
}

.infography_img img {
  max-width: 100%;
  height: 500px;
  margin: 0 auto;
}

.industry_services {
  background-image: url(../images/indus_service.jpg);
  background-color: #000;
  background-size: 50% 115%;
  background-position: left top;
  min-height: 590px;
  background-repeat: no-repeat;
  position: relative;
}

.industry_services:after {
  content: "";
  right: 0;
  top: 0;
  width: 50%;
  background: #000;
  height: 100%;
  z-index: 0;
  position: absolute;
}

.industry_servicesleft {
  height: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.industry_servicesright {
  padding-top: 40px;
  position: relative;
  z-index: 1;
}

.industry_servicesleft {
  padding-top: 40px;
}

.industry_servicesright .btns {
  text-align: center;
  margin-bottom: 40px;
}

.industry_servicesright .desc {
  font-size: 16px;
  color: #fdb913;
  line-height: 24px;
  text-align: left;
  padding: 15px;
  padding-left: 25px;
  margin-bottom: 0;
  padding-top: 0;
}

.industry_servicesleft .innerdiv {
  width: 100%;
}

.industry_servicesleft .innerdiv h2 {
  text-align: right;
  padding-right: 60px;
}

.services_icons {
  display: flex;
  width: 100%;
  align-items: flex-end;
  justify-content: center;
}

.services_icons li {
  flex-grow: 1;
  text-align: center;
}

.industri_advanc {
  padding: 70px 0;
}

.industry_servicelist .blues_bg {
  background: #0085ea;
}

.comfort ul .comfort_step {
  flex-grow: 1;
}

.industry_servicesleft h2 {
  display: flex;
  width: 100%;
  align-items: flex-end;
  justify-content: flex-end;
  height: 78%;
  font-size: 105px;
  font-family: diavlobook;
  color: rgba(0, 0, 0, 0.27);
  font-weight: 800;
}

.comfort .menuservice_pack {
  background: 0 0;
  padding: 0;
  padding-bottom: 0;
  display: unset;
}

.comfort .menuservice_pack .pack {
  margin-left: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 330px;
  height: 140px;
  margin-bottom: 7px;
}

.comfort .menuservice_pack .pack span {
  font-size: 52px;
  margin-bottom: 40px;
  width: 80px;
}

.comfort .menuservice_pack .pack ul {
  padding-left: 30px !important;
}

.comfort .menuservice_pack .pack .pack_detail {
  margin-top: -30px;
}

.comfort .menuservice_pack .pack ul li {
  font-size: 12px;
}

.comfort .menuservice_pack .pack.packageTwo ul {
  width: 85%;
}

.comfort .menuservice_pack .pack.packageOne {
  width: 364px !important;
  height: 140px;
}

.comfort .menuservice_pack .packageTwo {
  margin-left: auto !important;
  margin-right: 0;
}

.comfort .menuservice_pack .packageThree {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 364px !important;
}

.comfort .menuservice_pack .pack p {
  margin-bottom: 0;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  text-decoration: underline;
  padding-left: 25px;
  font-family: diavlobook;
}

.services_icons li a {
  color: #fff;
  transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  display: inline-block;
}

.services_icons li a:hover {
  transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  transform: translateY(-4px);
  -o-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -webkit-transform: translateY(-4px);
}

.services_icons li a i {
  font-size: 26px;
}

.services_icons li a:hover i {
  color: #000;
  transition: all 0.4s ease-in-out;
}

.services_icons li a:hover p {
  color: #000;
}

.services_icons li a p {
  margin-bottom: 0;
  padding-top: 5px;
  font-size: 16px;
}

.service_listsect {
  padding: 70px 0;
}

.listingstep li .lists_descrip {
  display: inline-block;
  background: #fff;
  padding: 20px 15px;
  border-right: 7px solid;
  border-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  position: relative;
  z-index: 1;
}

.listingstep li .triangle {
  width: 60px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  text-align: center;
  color: #fff;
  padding: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.listingstep li .triangle span {
  font-size: 40px;
  line-height: 0.8;
  font-weight: 900;
  color: #fff;
  opacity: 0.4;
  display: inline-block;
}

.listingstep li {
  display: flex;
  background: 0 0 !important;
  justify-content: end;
  align-items: center;
  margin: 30px 0;
}

.listingstep {
  margin-bottom: 0;
}

.industry_servicelist .single_label {
  background: #eee;
}

.industry_servicelist .blues_bg .triangle {
  background: #0085ea;
}

.industry_servicelist .blues_bg .lists_descrip {
  border-color: #0085ea !important;
}

.industry_servicelist .light_grin .lists_descrip {
  border-color: #1dd7bc !important;
}

.industry_servicelist .light_grin .triangle {
  background: #1dd7bc;
}

.industry_servicelist .orang_color .lists_descrip {
  border-color: #f78130 !important;
}

.industry_servicelist .orang_color .triangle {
  background: #f78130;
}

.industry_servicelist .yellow_color .lists_descrip {
  border-color: #ffae0e !important;
}

.industry_servicelist .yellow_color .triangle {
  background: #ffae0e;
}

.industry_servicelist .listingstep li.yellow_color .lists_descrip:before {
  border-color: #ffb82d;
}

.realestate .indus_text {
  line-height: 31px;
}

.flowchart {
  background: url(../images/project-flow.jpg) no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  padding-top: 63px;
  padding-bottom: 63px;
}

.flowchartimg img {
  max-width: 100%;
}

.services_list li {
  margin-bottom: 25px;
}

.services_list li .triangle {
  display: inline-flex;
  width: 100px;
  height: 100px;
  justify-content: center;
  align-items: center;
  padding-left: 7px;
}

.services_list li {
  transition: all 0.7s linear;
  -webkit-transition: all 0.7s linear;
  -o-transition: all 0.7s linear;
  -ms-transition: all 0.7s linear;
  -moz-transition: all 0.7s linear;
  overflow: hidden;
}

.services_list li:hover {
  transition: all 0.7s linear;
  -webkit-transition: all 0.7s linear;
  -o-transition: all 0.7s linear;
  -ms-transition: all 0.7s linear;
  -moz-transition: all 0.7s linear;
  transform: scale(1.1);
}

.services_list .blues_bg {
  background: url(../images/bluebg.png) no-repeat;
}

.services_list .choco_bg {
  background: url(../images/chocobg.png) no-repeat;
  background-size: 95%;
}

.services_list li .triangle span {
  width: 67px;
  height: 67px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  color: #fff;
  border-radius: 50%;
  position: relative;
}

.services_list .yellow_bg {
  background: url(../images/yellowbg.png) no-repeat;
}

.services_list .pink_bg {
  background: url(../images/pingbg.png) no-repeat;
}

.services_list .seagreen_bg {
  background: url(../images/seagreen.png) no-repeat;
}

.services_list .lists_descrip {
  display: inline-flex;
  width: calc(100% - 100px);
  margin-left: -9px;
  justify-content: left;
  vertical-align: -webkit-baseline-middle;
  font-size: 14px;
  color: #000;
}

.services_page .title {
  margin-bottom: 40px;
}

.realestate_right {
  background: url(../images/raelestate_rightbg.png) no-repeat;
  height: 480px;
  background-position: left center;
  background-size: 102% 100%;
}

.first_step .step_number {
  width: 92px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  margin-top: 20px;
  padding-left: 7px;
}

.first_step .step_number {
  width: 92px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 73px;
  margin-top: 20px;
  padding-left: 1px;
  color: rgba(255, 255, 255, 0.44);
  font-weight: 700;
  font-size: 69px;
}

.third_step .step_number {
  font-size: 62px;
  padding-left: 5px;
  padding-top: 8px;
}

.details_right {
  width: calc(100% - 100px);
  display: inline-block;
  justify-content: center;
  align-items: center;
}

.details_right h3 {
  display: inline-block;
  border-bottom: 1px solid #000;
  color: #000;
  font-size: 15px;
  font-weight: 600;
  width: 70%;
  padding-left: 9px;
  margin-left: 5px;
  text-transform: uppercase;
}

.details_right ul {
  padding: 0;
  padding-left: 5px;
  margin-left: auto;
  margin-bottom: 0;
  width: 90%;
}

.details_right ul li {
  color: #000;
  font-size: 14px;
}

.second_step .step_number.purple {
  margin-top: 0 !important;
  display: inline-block;
  vertical-align: top;
}

.single_service:hover .singleimg_div span {
  transform: rotate3d(1, 1, 10, 360deg);
  transition-delay: 0.9s;
  transition: all 0.9s linear;
  -webkit-transition: all 0.9s linear;
  -o-transition: all 0.9s linear;
  -moz-transition: all 0.9s linear;
  -ms-transition: all 0.9s linear;
}

.single_service .singleimg_div span {
  transition: all 0.9s linear;
  -webkit-transition: all 0.9s linear;
  -o-transition: all 0.9s linear;
  -moz-transition: all 0.9s linear;
  -ms-transition: all 0.9s linear;
}

.realestate_right .third_step .step_number.purple {
  padding-top: 0 !important;
  display: inline-block;
  margin-top: 0 !important;
  vertical-align: top;
}

.realestate_right .first_step {
  margin-bottom: 49px;
}

.first_step {
  height: 118px;
  margin-bottom: 43px;
  width: 350px;
}

.second_step .details_right {
  text-align: right;
  display: inline-block;
  width: calc(100% - 125px);
}

.second_step .details_right ul {
  display: inherit;
  text-align: left;
  padding-left: 30px;
}

.fancybox-close {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 50%;
  color: #000;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.masonrytab li {
  width: 140px;
  height: 40px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background: #fff;
  color: #595e5f;
  margin-right: 15px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: diavlobook;
  transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  cursor: pointer;
}

.masonrytab li.active,
.masonrytab li:active,
.masonrytab li:focus,
.masonrytab li:hover {
  background: #074198;
  color: #fff;
  transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
}

.bg-lightgrey {
  background-color: #f3f3f3;
}

.pt-60 {
  padding-top: 5px;
}
/* 
.portfoliomain {
  background: #fff;
  box-shadow: 0 2px 3px rgba(0,0,0,.35);
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.35);
  -ms-box-shadow: 0 2px 3px rgba(0,0,0,.35);
  -o-box-shadow: 0 2px 3px rgba(0,0,0,.35);
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,.35);
  margin: 10px;
  transition: all .7s linear;
  -webkit-transition: all .7s linear;
  -o-transition: all .7s linear;
  -moz-transition: all .7s linear;
  -ms-transition: all .7s linear;
}

.portfoliomain:hover {
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  transition: all .7s linear;
  -webkit-transition: all .7s linear;
  -o-transition: all .7s linear;
  -moz-transition: all .7s linear;
  -ms-transition: all .7s linear;
}

.portfoliomain .gallery-image-area {
  margin: 0;
  overflow: hidden;
  transition: all .5s ease-in-out;
}

.portfolio_footer {
  background: #e2e2e2;
  padding: 5px 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.portfolio_footer a span {
  font-size: 12px;
  font-family: diavlobook;
  font-weight: 600;
  color: #074198;
}

.portfolio_footer img {
  height: 18px;
  width: auto;
}

.portfolio_footer .right_part img {
  height: 21px;
  width: auto;
  margin-left: 10px;
}

.portfolio_description {
  padding: 10px;
  position: relative;
  padding-top: 33px;
}

.grid-gallery {
  padding-bottom: 30px;
}

.portfolio_description .title {
  font-size: 20px;
  color: #074198;
  margin-bottom: 10px;
}

.project_langaugeicon {
  position: absolute;
  width: 60px;
  height: 60px;
  border: 2px solid #fdb913;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  top: -27px;
  background: #fff;
  left: 43%;
}

.portfolio_description p {
  font-size: 14px;
  color: #595e5f;
  margin-bottom: 5px;
}
*/

.gallery-image-area .gallery-overly {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease-in-out;
  bottom: 100%;
  top: unset;
}

.gallery-image-area:hover .gallery-overly {
  bottom: 0;
  transition: all 0.5s ease-in-out;
}

.project_langaugeicon img {
  height: 38px;
}

/* .portfolioimg img {
  object-fit: cover;
  height: auto;
  transition: all .4s ease-in-out;
}

.gallery-image-area .gallery-overly a.grid-image-zoom {
  text-align: center;
  position: relative;
  z-index: 99;
  cursor: pointer;
  display: inline-flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.gallery-image-area:hover .portfolioimg img {
  transition: all .4s ease-in-out;
  transform: scale(1.03);
}

.relatedicon img {
  padding: 10px 5px;
} */

.modal-open {
  overflow: unset !important;
  padding-right: 0 !important;
}

.apply_modal {
  padding-right: 0 !important;
}

.left_about {
  background: #fdb913;
  padding: 30px 15px;
}

.section-padding {
  padding-top: 20px;
  padding-bottom: 60px;
}

.left_about .title {
  color: #fff;
  line-height: 1;
}

.left_about .title span {
  color: #000;
}

.tagline_vision {
  font-size: 19px !important;
  color: #fff;
}

.left_about p {
  font-size: 17px;
  color: #fff;
  line-height: 30px;
  letter-spacing: 1px;
  margin-bottom: 0;
  margin-top: 25px;
}

.mission_text h3 {
  font-size: 20px;
}

.mission_text p {
  font-size: 18px;
  line-height: 30px;
  padding-right: 25px;
  letter-spacing: 1px;
  margin-top: 20px;
}

.assets {
  background: #111319;
  padding-top: 60px;
  padding-bottom: 60px;
}

.assets .title {
  color: #fff;
}

.text_transparent {
  position: relative;
  padding-bottom: 30px;
  padding-right: 30px;
}

.text_transparent h4 {
  color: #fff;
  font-size: 24px;
  font-family: diavlobook;
  font-weight: 500;
  text-indent: 30px;
  text-transform: uppercase;
}

.text_transparent .back_text {
  font-family: diavlobook;
  font-size: 120px;
  font-weight: 600;
  position: absolute;
  left: -37px;
  top: 28px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 40px;
}

.text_transparent .text_box {
  position: relative;
  z-index: 1;
}

.text_transparent .text_box p {
  color: #595e5f;
  font-size: 18px;
  line-height: 30px;
}

.text_transparent .back_text.i_text {
  left: -20px;
}

.thought_leader {
  padding-top: 70px;
  padding-bottom: 70px;
}

.leaderImg,
.leaderText {
  margin-bottom: 80px;
}

.leaderImg:last-child,
.leaderText:last-child {
  margin-bottom: 0;
}

.leaderText h3 {
  color: #595e5f;
  font-size: 20px;
}

.leaderText p {
  color: #595e5f;
  font-size: 16px;
}

.about_topweb {
  background: #f9f9f9;
  padding-bottom: 40px;
  margin-bottom: 50px;
}

.reachingout .title {
  padding-top: 59px;
  margin-bottom: 0;
  padding-bottom: 80px;
  color: #074198;
  font-family: diavlolight;
  font-size: 50px;
  text-align: center;
}

span.select2-selection.select2-selection--single {
  height: 61px;
  border: 0;
  border-bottom: 1px solid #074198;
  padding: 20px 15px;
  background: 0 0;
}

.main_details .select2-selection__rendered {
  color: #000 !important;
}

.select2.select2-container.select2-container--default.select2-container--below {
  display: block;
}

.main_details .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #000 transparent transparent transparent;
}

.select2-selection__rendered {
  line-height: 1.2 !important;
}

.main_details span.select2-selection.select2-selection--single {
  height: 38px;
  padding: 10px 4px 7px;
  border-bottom: 1px solid #d89f12;
}

.main_details .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 8px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 22px;
}

.map_section {
  background-image: url(../images/google-maps.png);
  width: 100%;
  background-position: center center;
  height: 570px;
  position: relative;
}

span.select2-selection.select2-selection--single:focus {
  outline: 0;
}

.map_section:after {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 1;
  content: "";
}

.office_location {
  background: #fdb913;
  color: #fff;
  width: 508px;
  height: auto;
  position: absolute;
  z-index: 9;
  bottom: 38px;
  left: 54%;
  margin-left: -285px;
  padding: 25px;
  border-top-left-radius: 35px;
  border-bottom-right-radius: 35px;
  opacity: 1;
}

.social_detail p {
  width: 50%;
  font-size: 15px;
  color: #000;
  margin-bottom: 7px;
}

.social_detail {
  display: flex;
}

.social_detail p a {
  color: #000;
}

.first_tag {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 600;
}

.location_detail .address {
  color: #000;
  font-size: 15px;
  line-height: 1.3;
}

.location_detail .title {
  font-size: 30px;
  margin-bottom: 5px;
}

.placeholder_icon {
  position: absolute;
  top: -51px;
  left: 51.5%;
  z-index: 9;
}

.reachingout .title span {
  font-weight: 600;
}

.contactbtn {
  width: 240px;
  height: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #fdb913;
  color: #000;
  font-size: 20px;
  font-family: diavlobook;
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
  margin-right: 15px;
  transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  border: 2px solid #fdb913;
}

.reset {
  background: #074198;
  color: #fff;
  border-color: #074198;
}

.contactbtn:hover {
  background: 0 0;
  color: #fdb913;
  transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  border-color: #fdb913;
}

.reset:hover {
  background: 0 0;
  color: #074198;
  border-color: #074198;
}

.contact_form .form-control {
  background: 0 0;
  border: transparent;
  padding: 30px 15px;
  border-bottom: 1px solid #074198;
}

.contact_number a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.contact_number {
  position: relative;
}

.contact_number a:after {
  width: 1.4px;
  height: 34%;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: #9c9e9e;
  margin: auto;
}

.contact_form .select {
  line-height: 1;
  height: unset;
  padding: 20px 15px;
}

.contact_form {
  padding-bottom: 30px;
}

.contact_form .custom-file .custom-file-label:after {
  content: "";
  background-color: transparent;
  border: none;
}

.contact_form .custom-file .custom-file-label {
  background: #f9f9f9;
  border: transparent;
  padding: 15px;
  line-height: 0.7;
  height: unset;
  padding-left: 20px;
}

.contact_form .custom-file .custom-file-label a {
  display: inline-flex;
  padding-right: 17px;
  vertical-align: middle;
}

.contact_form .custom-file .custom-file-label a img {
  height: 25px;
}

.breadcrumb-item svg {
  vertical-align: bottom;
  margin-right: 10px;
}

.testimonialbox {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}

.testimonialbox .header {
  background: #fdb913;
  padding: 20px 35px 6px;
  position: relative;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  min-height: 75px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

.testimonial_img {
  display: inline-block;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  position: absolute;
  bottom: -45px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.41);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.41);
  width: 85px;
}

.testimonial_img img {
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  height: 95px;
  max-width: 100%;
  object-fit: cover;
  background: #074198;
  width: 100%;
}

.testimonialbox .header .test_title {
  font-size: 22px;
  font-family: diavlobook;
  font-weight: 600;
  padding-left: 98px;
  margin-bottom: 0;
  line-height: 1;
  color: #fff;
}

.testimonialbox .header .test_title span {
  font-size: 13px;
  font-family: Montserrat, sans-serif;
  font-size: normal;
}

.descriptions {
  position: relative;
  padding: 15px 0;
}

.descriptions .rates {
  padding-left: 135px;
  margin-bottom: 20px;
}

.descriptions .rates i {
  color: #dedede;
}

.descriptions .rates i.checkd {
  color: #fdb913;
}

.descriptions .text {
  position: relative;
  padding-right: 20px;
  padding-left: 20px;
}

.descriptions .text .topleftquote {
  position: absolute;
  top: 0;
  left: 5px;
  z-index: -1;
}

.descriptions .text .rightbottomquote {
  position: absolute;
  bottom: 0;
  right: 5px;
  z-index: -1;
}

.descriptions .text p {
  font-size: 15px;
  color: #595e5f;
  padding-top: 15px;
}

.vedio_clip {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.vedio_clip .topImage .innerimg {
  position: relative;
}

.vedio_clip .topImage .innerimg img {
  height: 290px;
  width: 100%;
  object-fit: cover;
}

.vedio_clip .topImage {
  overflow: hidden;
  position: relative;
}

.vedio_clip .topImage .overlay {
  opacity: 0;
  top: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  visibility: hidden;
  align-items: center;
  justify-content: center;
  transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  background: rgba(0, 0, 0, 0.3);
}

.vedio_clip:hover .topImage .overlay {
  transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  opacity: 1;
  top: 0;
  visibility: visible;
}

.vedio_clip .topImage .overlay img {
  position: relative;
  z-index: 1;
  opacity: 1;
}

.vedio_clip .descriptions .text {
  padding-top: 40px;
  padding-bottom: 15px;
}

.vedio_clip .descriptions .text .nametag {
  margin-bottom: 5px;
  font-size: 20px;
  font-family: diavlobook;
  font-weight: 600;
}

.vedio_clip .descriptions .text .nametag span {
  font-size: 12px;
  font-family: Montserrat, sans-serif;
}

.vedio_clip .descriptions .rates {
  padding-left: 0;
}

.blue-bg {
  background: #074198 !important;
}

.light_blackbg {
  background: #111319 !important;
}

.testimonial_padding {
  padding-top: 40px;
  padding-bottom: 10px;
}

.testimonial_page {
  padding-bottom: 30px;
}

.box-shadow {
  box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.3);
}

.careerbanner {
  right: 4vw !important;
  bottom: 0 !important;
}

.career .accordion .card .card-header {
  border-bottom: 0;
  background: 0 0;
  padding: 0;
}

.career_accordion {
  -webkit-appearance: none !important;
  padding: 30px;
  display: flex;
  background: #fff;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.career_accordion.collapsed {
  background: #f3f3f3;
}

.career .card-body {
  background: #f3f3f3;
  padding-left: 100px;
}

.career .card-body p {
  font-size: 18px;
}

.career_accordion .careericon a {
  width: 50px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #074198;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.career_accordion.collapsed .careericon a {
  background: #fdb913;
}

.career_accordion .careericon a img {
  height: 25px;
  width: auto;
}

.career_accordion .career_info {
  width: calc(100% - 70px - 115px);
  margin-left: 15px;
}

.career_accordion .career_info .career_title {
  color: #074198;
  font-size: 20px;
  font-family: diavlobook;
  margin-bottom: 0;
  line-height: 1;
  text-transform: uppercase;
  width: calc(100% - 100px);
}

.career_accordion .career_info .information {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 5px;
}

.career_accordion .career_info .information p {
  margin-bottom: 0;
  font-size: 14px;
  color: #595e5f;
  line-height: 1.5;
}

.career_accordion .career_info .information p strong {
  font-size: 14px;
  color: #595e5f;
}

.collapsed .careerapply {
  width: 100px;
  height: 41px;
  background: #074198;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 0;
  font-family: diavlobook;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  transition: all 0.7s linear;
  -webkit-transition: all 0.7s linear;
  -ms-transition: all 0.7s linear;
  -moz-transition: all 0.7s linear;
  -o-transition: all 0.7s linear;
}

.collapsed .careerapply:hover {
  transition: all 0.7s linear;
  -webkit-transition: all 0.7s linear;
  -ms-transition: all 0.7s linear;
  -moz-transition: all 0.7s linear;
  -o-transition: all 0.7s linear;
  color: #fff;
  background: #fdb913;
}

.careerapply {
  width: 100px;
  height: 41px;
  background: #074198;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 0;
  font-family: diavlobook;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  transition: all 0.7s linear;
  -webkit-transition: all 0.7s linear;
  -ms-transition: all 0.7s linear;
  -moz-transition: all 0.7s linear;
  -o-transition: all 0.7s linear;
  position: relative;
  z-index: 5;
}

.close {
  color: #fff !important;
  opacity: 1;
}

.careerselect span.select2-selection.select2-selection--single {
  height: 55px;
}

.select2-search--dropdown {
  display: none;
}

.select2-container {
  display: block !important;
}

.modal-header {
  background: #000;
  color: #fff;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
  width: 5px;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
  background: #3e3e3e;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
  background: #595d60;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.career_accordion.collapsed + .applydiv .careerapply {
  background: #fdb913;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background: #fdb913;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #074198;
}

.select2-container--default .select2-results > .select2-results__options {
  box-shadow: 2px 2px 6px #ecdaac;
  transition: all 0.3s linear;
}

.careerapply:hover {
  transition: all 0.7s linear;
  -webkit-transition: all 0.7s linear;
  -ms-transition: all 0.7s linear;
  -moz-transition: all 0.7s linear;
  -o-transition: all 0.7s linear;
  background: #074198;
  color: #fff;
}

.applydiv {
  margin-top: -19px;
  position: absolute;
  right: 30px;
  top: 49px;
}

.applydiv span {
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  display: block;
  margin-top: -11px;
  padding-bottom: 3px;
}

.star_marked {
  position: absolute;
  top: -24px;
  left: -20px;
  width: 43px;
  height: 51px;
  background: red;
  color: #fff;
  transform: rotate(48deg);
  font-size: 10px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding-left: 23px;
  padding-bottom: 5px;
}

.career .card-body .advantages_list li {
  width: 100%;
}

.apply_modal .form-control {
  padding: 15px;
  height: unset;
}

.apply_modal .contact_form {
  padding-bottom: 0;
}

.nametag {
  color: #111319;
  font-family: diavlobold;
}

.nametag span {
  font-size: 18px;
  color: #074198;
}

.sitmap_leftimg {
  background: url(../images/wallpaper08.jpg) no-repeat;
  position: relative;
  background-size: cover;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.sitmap_leftimg:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 0;
}

.innerImg {
  width: 75%;
  position: relative;
  z-index: 1;
  height: 850px;
}

.Imgdiv {
  width: 100%;
  height: calc(850px - 156px);
}

.sitmap_leftimg img {
  max-width: 100%;
  height: 100%;
  width: 100%;
  object-fit: fill;
}

.sitemap_link {
  background: #f2f2f2;
}

.sitemap_link .sitemap_title {
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  padding: 15px 20px;
  position: relative;
  display: inline-block;
  z-index: 1;
  font-family: diavlobook;
}

.sitemap_link .sitemap_title:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 55px;
  margin-right: 10px;
  content: "";
  background: #fdb913;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: flex-end;
  border-radius: 15px 0 15px 0;
  line-height: 38px;
  font-size: 18px;
  z-index: -1;
}

.innerImg h2.title {
  margin-bottom: 0;
  color: #fdb913;
  text-align: center;
  font-size: 130px;
}

.sitemap_link ul h3 {
  font-size: 20px;
  margin-bottom: 15px;
  margin-top: 18px;
  color: #27282b;
  font-weight: 600;
}

.sitemap_link {
  padding-left: 30px;
}

.sitemap_link ul li a {
  padding: 5px 10px;
  margin: 0 10px;
  color: #595e5f;
  position: relative;
  margin-bottom: 7px;
  display: inline-block;
  transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  font-size: 14px;
}

.sitemap_link ul li a:hover {
  transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  color: #074198;
  padding-left: 15px;
  font-weight: 500;
}

.sitemap_link ul li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 0;
  margin: auto;
  left: 15px;
  right: 100%;
  background: #074198;
  transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
}

.sitemap_link ul li a:hover:after {
  width: 90%;
  right: 0;
  transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
}

@-webkit-keyframes spins {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spins {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.lets_right {
  padding-top: 0;
  padding-bottom: 30px;
}

.lets_right h4 {
  font-family: diavlobook;
  font-size: 30px;
  color: #000;
  margin-bottom: 15px;
}

.lets_right h4 span {
  color: #074198;
  font-weight: 600;
  font-size: 34px;
}

.lets_right p {
  font-size: 17px;
  color: #595e5f;
  line-height: 24px;
  margin-bottom: 10px;
}

.letsstart_form {
  border-top-left-radius: 90px;
  border-bottom-right-radius: 90px;
  background: #f1b112;
  position: initial;
  top: 0;
  left: 15px;
  right: 15px;
  z-index: 2;
  box-shadow: -3px 1px 18px rgba(0, 0, 0, 0.43);
  -webkit-box-shadow: -3px 1px 18px rgba(0, 0, 0, 0.43);
  overflow: hidden;
}

.letsstart_form h4 {
  font-family: diavlobold;
  font-weight: 500;
  font-size: 30px;
  padding-top: 25px;
  color: #074198;
  text-align: center;
}

.main_details {
  padding: 23px 30px 0;
}

.form_detail label {
  font-size: 14px;
  color: #000;
  font-weight: 600;
  text-transform: capitalize;
}
.main_details .form_detail .form-control {
  color: #000;
}
.form_detail .form-control {
  background: 0 0;
  border: 0;
  border-bottom: 1px solid #d89f12;
  border-radius: 0;
  color: #fff;
}

.form_detail select.form-control option {
  color: #000;
}

.form_detail .form-control:focus {
  outline: 0;
  box-shadow: none;
}

.submitbtn {
  display: inline-flex;
  width: 170px;
  height: 50px;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  color: #fff;
  font-size: 16px;
  font-family: diavlobook;
  font-size: 16px;
  font-weight: 500;
  background: #074198;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  margin-top: 15px;
  transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
  margin-bottom: 15px;
  border: 2px solid transparent;
}

.submitbtn:hover {
  color: #074198;
  border-color: #074198;
  background: 0 0;
  transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
}

.form_detail p {
  font-size: 12px;
  text-align: left;
  color: #76580e;
}

.lest_start {
  height: 280px;
}

.backtotop {
  text-align: center;
}

.backtotop #toTop {
  position: fixed;
  bottom: 10%;
  right: 6vw;
  height: 104px;
  width: 60px;
  background: #f1b112;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  z-index: 15;
  transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}

.backtotop #toTop:hover {
  transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transform: scale(1.04);
  -o-transform: scale(1.04);
  -webkit-transform: scale(1.04);
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
}

.backtotop #toTop:hover svg {
  fill: #fff;
}

.main_details input::placeholder,
.main_details select::placeholder,
.main_details textarea::placeholder {
  color: #000;
  font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 14px;
}

.social_icons {
  background-image: url(../images/socialbg.png);
  background-attachment: fixed;
  background-repeat: no-repeat;
  height: 340px;
  padding-top: 50px;
  padding-bottom: 35px;
  background-size: cover;
}

.social {
  display: flex;
  justify-content: center;
  text-align: center;
  padding-bottom: 20px;
}

.social a {
  color: #fff;
  display: inline-block;
  font-weight: 600;
  padding: 10px 24px;
  transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
}

.social a:hover {
  transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.social a i {
  font-size: 52px;
}

.social a p {
  font-size: 15px;
  margin-bottom: 0;
  margin-top: 10px;
  letter-spacing: 1px;
}

.socialIco {
  display: inline-flex;
  width: 46px;
  height: 46px;
  background: #fff;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.topinner {
  flex-grow: 1;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  width: 33.33%;
}

.topinner:hover {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.profation_social {
  display: flex;
  padding-top: 15px;
  padding-left: 10px;
}

.contact_footer .profation_social {
  padding-top: 7px;
  padding-left: 0;
}

.contact_footer .social > a {
  padding-left: 0;
  width: 33.33%;
  padding-right: 0;
  text-align: left;
}

.topinner > a {
  display: inline-flex;
  width: 46px;
  height: 46px;
  background: #fff;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  margin-bottom: 10px;
}

.topinner svg:hover {
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transform: scale(1.1);
  -o-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

.topinner > a img {
  width: auto;
  height: auto;
  object-fit: contain;
}

.topinner span {
  color: #fff;
  text-transform: capitalize;
  vertical-align: text-bottom;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 18px;
}

.topinner:first-child span {
  margin-bottom: 5px;
}

.topinner p a {
  color: #fdb913;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  letter-spacing: 1px;
}

.contact_footer .topinner p a {
  color: #fff;
}

.footer_links {
  background-image: url(../images/footerbg.png);
  background-repeat: no-repeat;
  background-size: 50% 100%;
  background-color: #111319;
  padding-top: 30px;
  padding-bottom: 30px;
  background-position: right center;
}

.addressIndia {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
}

.contact_footer .Idiatransition {
  padding-top: 35px;
}

.addressIndia .Indiaicon {
  text-align: center;
  position: relative;
  display: inline-block;
  padding-left: 0;
  padding-right: 20px;
}

.addressIndia .Indiaicon .address_contact {
  white-space: nowrap;
  margin-top: 0;
}

.addressIndia .Indiaicon p {
  margin-top: 10px;
  color: #fff;
  text-transform: capitalize;
  font-size: 15px;
  margin-bottom: 4px;
  font-weight: 500;
  letter-spacing: 1px;
}

.addressIndia .Indiaoffice_address p {
  color: #fff;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 400;
  padding-top: 8px;
}

.addressIndia .Indiaoffice_address {
  width: auto;
  margin-right: auto;
  color: #fff;
  padding: 0 15px 0 24px;
}

.office_address {
  padding-bottom: 30px;
  display: flex;
  text-align: center;
  padding-top: 20px;
}

.select2-results__option {
  font-size: 13px;
}

.quick_link .menu_title {
  font-size: 16px;
  color: #c6c7c7;
  font-weight: 600;
  display: block;
  text-transform: uppercase;
}

.footer_logo {
  text-align: center;
  padding-top: 15px;
}

.office_address .address {
  flex-grow: 1;
  padding-top: 15px;
  margin-bottom: 20px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  width: 33.33%;
  padding: 15px;
  margin: 20px;
  background: rgba(0, 0, 0, 0.6);
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

.Idiatransition {
  padding-top: 25px;
  padding-bottom: 30px;
  background: rgba(0, 0, 0, 0.6);
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
  width: 95%;
  margin: 0 auto;
}

.addressIndia .Indiaicon:after {
  position: absolute;
  content: "";
  height: 105%;
  width: 1px;
  background: rgba(241, 177, 18, 0.21);
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
}

.mobile_bg {
  padding-top: 100px;
}

.contact_footer .mobile_bg {
  padding-top: 0;
}

.addressIndia:hover {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -moz-transform: scale(1.05);
}

.office_address .address:hover {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
}

.social_left {
  position: relative;
  z-index: -1;
}
.address .country-address {
  margin-top: 10px;
  color: #fff;
  text-transform: capitalize;
  font-size: 13px;
  margin-bottom: 4px;
  font-weight: normal;
  letter-spacing: 1px;
}
.address p {
  margin-top: 10px;
  color: #fff;
  text-transform: capitalize;
  font-size: 14px;
  margin-bottom: 4px;
  font-weight: 600;
  letter-spacing: 1px;
}

.Idiatransition {
  background: rgba(0, 0, 0, 0.6);
  padding: 19px 16px;
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
  width: 92%;
  margin: 0 auto;
  margin-top: 30px;
}

.address_contact {
  color: #f1b112;
  font-size: 16px;
  line-height: 30px;
}

.address_contact:hover {
  color: #fff;
}

.quick_link {
  padding-left: 15px;
}

.quick_link li a {
  color: #929494;
  font-size: 16px;
  line-height: 33px;
  display: inline;
  position: relative;
  overflow: hidden;
}

.quick_link li a:hover {
  color: #f1b112;
}

.quick_link li a:hover:after {
  width: 100%;
  left: 0;
  right: auto;
  transition-duration: 0.7s;
  transition-timing-function: linear;
}

.quick_link li a:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -5px;
  background: #f1b112;
  height: 2px;
  width: 0;
  transition-property: width;
  transition-duration: 0.7s;
  transition-timing-function: ease-out;
}

.copyright {
  background: #0e1015;
  padding: 10px 15px;
}

.copy_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.copy_content p {
  color: #929494;
  font-size: 14px;
  margin-bottom: 0;
}

.copy_content p a {
  color: #fff;
}

.copy_content ul {
  text-align: right;
}

.copy_content ul li {
  display: inline-block;
}

.copy_content ul li a {
  color: #929494;
  font-size: 14px;
  position: relative;
  padding: 4px 10px;
  transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
  -ms-transition: all 0.6s linear;
  -webkit-transition: all 0.6s linear;
}

.copy_content ul li a:hover {
  color: #fff;
  transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
  -ms-transition: all 0.6s linear;
  -webkit-transition: all 0.6s linear;
}

.copy_content ul li a:after {
  position: absolute;
  content: "";
  height: 50%;
  width: 1px;
  right: 0;
  top: 0;
  bottom: 0;
  background: #595b63;
  margin: auto;
}

.copy_content ul li:last-child a:after {
  display: none;
}

.right_link li a {
  line-height: 34px;
}

.contact_footer .social_left {
  z-index: unset;
}

.contact_footer .footer_links {
  padding-top: 50px;
}

.contact_footer .footer_links .footer_logo {
  padding-bottom: 30px;
}

.contact_footer .office_address .address a img,
.office_address .address img {
  height: 37px;
}

.errormsg {
  border-bottom: 1px solid red !important;
}

.artgaleryImg {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
}

.artgaleryImg .innImg img {
  max-width: 100%;
  height: 500px;
  width: 100%;
  object-fit: cover;
}

.navbar-toggler:focus,
.navbar-toggler:hover {
  outline: 0 !important;
  border: none !important;
}

.desktop_view {
  display: block;
}

.mobile_view {
  display: none;
}

/* Portfolio Start */
.space-section {
  margin-top: 50px;
}

.space-bottom {
  margin-bottom: 50px;
}

.header-detail-portfolio .border-img {
  justify-content: center;
  display: flex;
  align-items: center;
  text-align: center;
  border: 1px solid #d9d9d9;
  border-radius: 0px 0px 0px 30px;
  -webkit-border-radius: 0px 0px 0px 30px;
  -moz-border-radius: 0px 0px 0px 30px;
  -ms-border-radius: 0px 0px 0px 30px;
  -o-border-radius: 0px 0px 0px 30px;
  background: #ffffff;
  height: 100%;
  padding: 10px;
}

.portfolio-detail-title {
  font-size: 30px;
  color: #000;
  margin-bottom: 25px;
  font-weight: 600;
  margin-top: 0;
}

.portfolio-detail-description {
  font-weight: 400;
  font-size: 18px;
  color: #3a3a3a;
  line-height: 25px;
  margin-bottom: 0;
}

.plat-form img {
  height: 100%;
}

.portfolio-site-info {
  border: 1px solid #ddd;
  height: 100%;
}

.portfolio-site-info .site-info {
  padding: 30px;
}

.portfolio-site-info .site-info ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.portfolio-site-info .site-info ul li {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  gap: 25px;
}

.portfolio-site-info .site-info ul li:last-child {
  margin-bottom: 0;
}

.portfolio-site-info .site-info ul li .svg {
  /* background: #F5F5F5; */
  padding: 10px;
  min-width: 50px;
  height: 50px;
}

.portfolio-site-info .site-info ul li p {
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  color: #000000;
  margin-bottom: 5px;
}

.portfolio-site-info .site-info ul li h2 {
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
  color: #074198;
  margin: 0;
}

.project-requirements ul {
  margin-top: 10px;
  list-style: none;
  margin-bottom: 0;
}

.project-requirements .requirements-list {
  margin-top: 10px;
}

.project-requirements .portfolio-detail-description {
  margin-top: 20px;
}

.project-requirements ul li {
  position: relative;
  margin-bottom: 15px;
}

.project-requirements ul li:after {
  content: ">";
  color: #074198;
  position: absolute;
  font-weight: 600;
  left: -40px;
  right: auto;
  top: -7px;
  font-size: 25px;
}

.project-requirements ul li p {
  /* font-weight: 600; */
  font-size: 18px;
  line-height: 25px;
  color: #3a3a3a;
  margin-bottom: 0;
}

.project-requirements .box-wrap {
  padding: 30px;
  border: 1px solid #d9d9d9;
  height: 100%;
}
.technical-specification {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}

.technical-specification .tag-technical {
  display: flex;
  align-items: center;
  background: #ededed;
  border-radius: 100px;
  color: #000000;
  font-weight: 500;
  padding-right: 25px;
  font-size: 18px;
  /* justify-content: center; */
  margin: 10px 0;
}

.technical-specification .tag-technical .svg {
  background: #ffffff;
  border: 1px solid #ededed;
  height: 55px;
  width: 55px;
  padding: 10px;
  margin-right: 15px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  text-align: center;
}

.technical-specification span {
  color: #074198;
  font-weight: 400;
  font-size: 20px;
}

.project-requirements .technical-specification ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 0;
  /* justify-content: center; */
}

.project-requirements .technical-specification ul li {
  flex: 0 1 auto;
  background: #ffffff;
  /* border: 1px solid #EDEDED; */
  display: flex;
  align-items: center;
  /* padding: 10px 15px; */
  gap: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 0;
  /* margin-right: 5px; */
  display: flex;
  align-items: center;
  background: #ededed;
  border-radius: 100px;
  color: #000000;
  font-weight: 500;
  padding-right: 20px;
  font-size: 18px;
  /* justify-content: center; */
  /* margin: 0px 0 10px; */
}

.project-requirements .technical-specification ul li:after {
  content: "";
}

.project-requirements .technical-specification ul li img {
  width: 25px;
  height: 25px;
  object-fit: contain;
  background: #ffffff;
  border: 1px solid #ededed;
  height: 50px;
  width: 50px;
  padding: 9px;
  /* margin-right: 5px; */
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  text-align: center;
}

.project-requirements .technical-specification ul li span {
  font-size: 18px;
  color: #000;
  margin-left: 0;
}

.have-an-idea {
  display: flex;
  align-self: center;
  justify-content: center;
  padding: 65px;
}

.have-an-idea .portfolio-detail-title {
  color: #074198;
}

.have-an-idea .discuss-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 20px;
  background: #074198;
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
  margin-top: 15px;
  transition: all 0.2s ease-in-out;
  /*margin-bottom: 15px;
    */
  border: 1px solid transparent;
  padding: 12px 30px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

.have-an-idea .discuss-btn:hover {
  background: #fff;
  color: #074198;
  border: 1px solid #074198;
}

.border-top-left-radius {
  border-top-left-radius: 30px;
}

.border-top-right-radius {
  border-top-right-radius: 30px;
}

.border-bottom-right-radius {
  border-bottom-right-radius: 30px;
}

.border-bottom-left-radius {
  border-bottom-left-radius: 30px;
}

.kind-word-from-client .text-client {
  margin: -20px 90px -30px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.kind-word-from-client .border-img {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d9d9d9;
  border-radius: 30px 0px 30px 0;
  -webkit-border-radius: 30px 0px 30px 0;
  -moz-border-radius: 30px 0px 30px 0;
  -ms-border-radius: 30px 0px 30px 0;
  -o-border-radius: 30px 0px 30px 0;
  background: #ffffff;
  height: fit-content;
  padding: 20px;
}

.kind-word-from-client .border-img img {
  border-radius: 30px 0px 30px 0;
}

.tab-tachnology-service .nav-tabs {
  border-bottom: 0;
}

.tab-tachnology-service .nav-tabs .nav-link.active:after {
  content: "";
  position: absolute;
  background: url(../images/active-tab-line.png);
  left: 0;
  right: 0;
  bottom: -30px;
  background-position: center;
  width: auto;
  background-repeat: no-repeat;
  height: 50px;
}

.tab-tachnology-service .nav-tabs .nav-item {
  margin-bottom: 10px;
}

.tab-tachnology-service .nav-tabs .nav-item.show .nav-link,
.tab-tachnology-service .nav-tabs .nav-link.active {
  /* border-bottom: 2px solid #F1B112; */
  color: #000;
}

.tab-tachnology-service .nav-tabs .nav-link:focus,
.tab-tachnology-service .nav-tabs .nav-link:hover {
  /* border-bottom: 2px solid #F1B112; */
  color: #000;
}

.tab-tachnology-service .nav-tabs .nav-link {
  border: 2px solid transparent;
  position: relative;
  /* width: 260px; */
  text-align: center;
  font-size: 25px;
}

.tab-tachnology-service .tab-content .tab-pane ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  /* justify-content: center; */
}

.tab-tachnology-service .tab-content .tab-pane ul li {
  flex: 0 1 auto;
  background: #ffffff;
  border: 1px solid #ededed;
  border-radius: 100px;
  display: flex;
  align-items: center;
  padding: 10px 15px;
  gap: 10px;
  /* justify-content: center; */
  min-width: 260px;
}

.tab-tachnology-service .tab-content .tab-pane ul li span {
  /* font-weight: 700; */
  font-size: 18px;
  color: #000;
  margin-left: 10px;
}

.tab-tachnology-service .tab-content .tab-pane ul li img {
  width: 25px;
  height: 25px;
  object-fit: contain;
}

.blog-listing-box .blog-box {
  position: relative;
}

.blog-listing-box .blog-box img {
  margin-bottom: 20px;
  height: auto;
  object-fit: cover;
  width: 100%;
  border: 1px solid #ddd;
}
.blog-listing-box .blog-box h3 a {
  color: #000000;
}
.blog-listing-box .blog-box h3 {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 10px;
  color: #000000;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-listing-box .blog-box p {
  color: #595c61;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-listing-box .blog-box .read-more {
  margin-top: 30px;
  font-weight: 700;
  font-size: 18px;
  color: #074198;
}

.blog-listing-box .blog-box .bog-date-box {
  background: #f1b112;
  padding: 10px;
  text-align: center;
  position: absolute;
  top: 20px;
  left: auto;
  right: 20px;
}

.blog-listing-box .blog-box .bog-date-box p {
  font-weight: 400;
  font-size: 18px;
  color: #000000;
  margin-bottom: 5px;
}

.blog-listing-box .blog-box .bog-date-box h3 {
  font-weight: 700;
  font-size: 40px;
  color: #000000;
}

.related-more-portfolio .portfolio_description ul {
  gap: 5px;
}

.related-more-portfolio .portfolio_description ul li {
  width: 135px;
}

.related-more-portfolio .portfolio_description ul li:last-child {
  width: auto;
}

.portfoliomain {
  background: #fff;
  border: 1px solid #d9d9d9;
  margin: 8px;
}

/* .portfoliomain:hover {
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  transition: all .7s linear;
  -webkit-transition: all .7s linear;
  -o-transition: all .7s linear;
  -moz-transition: all .7s linear;
  -ms-transition: all .7s linear;
} */
.portfoliomain .gallery-image-area {
  margin: 0;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
}

.portfolio_footer {
  background: #e2e2e2;
  padding: 5px 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.portfolio_footer a span {
  font-size: 12px;
  font-family: diavlobook;
  font-weight: 600;
  color: #074198;
}

.portfolio_footer img {
  height: 18px;
  width: auto;
}

.portfolio_footer .right_part img {
  height: 21px;
  width: auto;
  margin-left: 10px;
}

.portfolio_description {
  padding: 15px 10px;
  position: relative;
}

.portfolio_description ul {
  margin-bottom: 0;
  list-style: none;
  padding-left: 0;
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  gap: 15px;
}

.portfolio_description ul li {
  width: 125px;
}

.portfolio_description ul li:last-child {
  width: unset;
}

/* .portfolio_description ul li{
  padding-right: 15px;
  border-right: 1px solid #f1b112;
  margin-right: 15px;
}
.portfolio_description ul li:last-child{
  padding-right: 00px;
  border-right: 0px solid #f1b112;
  margin-right: 0px;
} */
.portfolio_description ul li,
.portfolio_description ul li a {
  color: #595c61;
  font-size: 17px;
  /* line-height: 1.9; */
  vertical-align: middle;
}

.portfolio_description ul li svg {
  margin-right: 5px;
}

.grid-gallery {
  padding-bottom: 30px;
}

.portfolio_description .title {
  font-size: 25px;
  color: #010101;
  font-weight: 700;
  margin-bottom: 15px;
  display: inline-block;
}

.portfolio_description .tag-portfolio {
  border: 1px solid #fdb913;
  padding: 2px 5px;
  border-radius: 4px;
  color: #000000;
  display: inline-block;
  font-size: 12px;
  margin-bottom: 10px;
  min-width: 70px;
  text-align: center;
}

.project_langaugeicon {
  position: absolute;
  width: 60px;
  height: 60px;
  border: 2px solid #fdb913;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  top: -27px;
  background: #fff;
  left: 43%;
}

.portfolio_description p {
  font-size: 14px;
  color: #595e5f;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.main-title-portfolio {
  margin-top: 40px;
  margin-bottom: 40px;
}

.main-title-portfolio h1 {
  margin-bottom: 0;
  font-weight: 900;
}

.portfolioimg {
  height: 220px;
}
.portfolioimg a {
  position: relative;
  z-index: 1;
}
.portfolioimg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 0.4s ease-in-out;
}

.gallery-image-area .gallery-overly a.grid-image-zoom {
  text-align: center;
  position: relative;
  z-index: 99;
  cursor: pointer;
  display: inline-flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.gallery-image-area .gallery-overly a.grid-image-zoom .projec_logo img {
  width: 190px;
  height: auto;
}

/* .gallery-image-area:hover .portfolioimg img {
    transition: all .4s ease-in-out;
    transform: scale(1.03);
} */

.relatedicon img {
  padding: 10px 5px;
}
@media (min-width: 1400px) {
  .lest_start {
    height: 265px;
  }

  .about_right p {
    width: 90%;
    padding-right: 0;
  }

  .testimonial {
    min-height: 570px;
  }
}

@media (max-width: 1366px) {
  .con_popup {
    width: 75px;
  }

  .backtotop #toTop {
    right: 2vw;
  }
}
@media (min-width: 1200px) {
  .plat-form img {
      height: 100%;
  }
  .portfolioimg {
      height: 190px;
  }
}
@media (max-width: 1100px) {
  .tab-tachnology-service .nav-tabs {
      overflow-x: scroll;
      flex-wrap: nowrap;
      white-space: nowrap;
      justify-content: unset !important;
  }

  .tab-tachnology-service .nav-tabs .nav-link {
      font-size: 20px;
  }

  .tab-tachnology-service .tab-content {
      margin-top: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-brand.logo img {
    height: 39px;
  }

  .socialIco,
  .topinner > a {
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 38px;
    height: 38px;
    margin-bottom: 3px;
  }

  .socialIco svg,
  .topinner > a svg {
    width: 20px;
  }

  .bottom_header .navbar .navbar-nav .nav-item .nav-link {
    padding: 10px !important;
  }

  .single_service {
    width: 49%;
    display: inline-block;
  }

  .realestate_right {
    background-size: unset;
  }

  .second_step .step_number.purple {
    margin-top: 2px !important;
    margin-left: 15px;
  }

  .advantages_list li {
    width: 32.5%;
  }

  .lets_right h4 {
    font-size: 26px;
  }

  .lets_right h4 span {
    font-size: 28px;
  }

  .lest_start {
    height: 305px;
  }

  .social_icons {
    padding-top: 20px;
    padding-bottom: 20px;
    height: 375px;
  }

  .social a p {
    margin-top: 3px;
  }

  .social a p,
  .topinner p a {
    font-size: 14px;
    word-break: break-word;
  }

  .social {
    padding-bottom: 0;
    border-bottom: 1px solid #f1b112;
  }

  .footer_links {
    background-size: 50% 100%;
  }

  .Idiatransition,
  .office_address .address {
    width: 100%;
  }

  .addressIndia,
  .office_address {
    display: block;
  }

  .Indiaoffice_address,
  .addressIndia .Indiaicon {
    width: 100%;
  }

  .addressIndia .Indiaicon:after {
    height: 1px;
    width: 100%;
    top: unset;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0;
  }
}

@media (max-width: 991px) {
  .con_popup {
    position: fixed;
    height: auto;
    padding: 5px 10px;
    width: auto;
    bottom: 80px;
    top: unset;
    border-radius: 4px;
  }
  .reachingout .title {
    font-size: 36px;
  }
  .backtotop #toTop {
    display: none !important;
  }

  .navbar-brand.logo img {
    height: 39px;
  }

  .services_list .choco_bg {
    background-size: unset;
  }
  .topinner span {
    display: none;
  }
  .portfoliomain {
    margin-bottom: 20px !important;
  }
  .portfolioimg {
    height: auto;
  }
  .portfolio_description .title {
    font-size: 18px;
  }
  .portfolio_description ul {
    display: block;
  }
  .portfolio_description ul li {
    width: 100%;
  }
  .related-more-portfolio .portfolio_description ul li{
    width: 100%;
  }
  .blog-listing-box .blog-box {
    margin-bottom: 20px;
}
}

@media (max-width: 768px) {
  .copy_content {
    display: unset;
  }

  .social {
    flex-wrap: wrap;
  }

  .social a {
    width: 50% !important;
    text-align: center !important;
  }

  .social a:last-child {
    width: 100% !important;
  }

  .socialIco,
  .topinner > a {
    margin-right: 0;
  }

  .profation_social {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    padding-left: 0;
  }

  .topinner {
    width: 50%;
    flex-grow: unset;
    text-align: center;
  }

  .topinner:last-child {
    width: 100%;
  }

  .desktop_view {
    display: none;
  }

  .mobile_view {
    display: block;
  }

  .mobile_bg {
    background-color: #111319;
    padding-top: 20px;
  }

  .profilepic .profile a {
    display: block;
    height: 100%;
  }
}

@media (max-width: 767px) {
  .have-an-idea {
    padding: 30px;
}
.have-an-idea .discuss-btn {
  margin-top: 0;
}
.kind-word-from-client .border-img {
  margin: auto;
  margin-top: 30px;
  width: fit-content;
}
.related-more-portfolio .portfoliomain {
  margin-bottom: 20px !important;
}
  .portfolio_description ul li svg {
    width: 25px;
}
.border-top-right-radius, .border-bottom-right-radius, .border-top-left-radius, .border-bottom-left-radius {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.related-more-portfolio .portfolioimg img {
  width: 100%;
}
  .comfort .menuservice_pack .pack.packageTwo ul {
    width: 80%;
  }
  .comfort .menuservice_pack .pack {
    width: 320px;
  }
  .comfort .menuservice_pack .pack.packageOne {
    width: 345px !important;
  }
  .comfort .menuservice_pack .packageThree {
    width: 345px !important;
  }
  .details:after {
    margin: 0 auto;
    bottom: 8px;
    left: 0;
    right: 0;
    width: 96%;
    height: 1px;
    top: unset;
  }
  .footer_logo a svg {
    height: 100px;
  }
  .copy_content ul {
    text-align: center;
  }

  .applydiv {
    top: 40px;
  }

  .brandimgs {
    margin: 16px 5.5px;
  }

  .career_accordion {
    padding: 20px;
    display: block;
  }

  .career_accordion .career_info {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }

  .career_accordion .career_info .career_title,
  .job_skill .advantages_list {
    width: 100%;
  }

  .career_accordion .career_info .information,
  .job_skill {
    display: block;
  }

  .career .card-body {
    padding-left: 20px;
  }

  .footer_links {
    background-size: cover;
    padding-bottom: 0;
    padding-top: 0;
  }

  .contact_footer .footer_links {
    padding-top: 0;
  }

  .navbar-collapse .navbar-nav {
    max-height: calc(100vh - 70px);
    overflow-y: overlay;
  }

  .main_header {
    padding: 10px 0;
  }

  .logo {
    margin-left: 10px;
  }

  .basicpack {
    margin-bottom: 40px;
  }

  .testimonial_activeprofile {
    bottom: -10px;
  }

  .active_details h4 {
    width: unset;
  }

  .active_details .describes {
    min-height: unset;
  }

  .bottom_header .navbar .navbar-nav .nav-item .nav-link:hover,
  .bottom_header .navbar .navbar-nav .nav-item.active .nav-link,
  li.nav-item.dropdown.show .nav-link {
    border: none;
  }

  .price_package {
    padding-bottom: 100px;
  }

  .lest_start,
  .social_icons {
    height: auto;
  }

  .left_textpart,
  .right_image {
    width: 100%;
  }

  .banner_img {
    height: auto;
    background-size: cover;
  }

  .top-menu {
    display: none;
  }

  .company_left,
  .company_left .nav {
    border: none;
  }

  .bottom_header .navbar .navbar-nav .nav-item .nav-link {
    margin: 0;
    border: none;
  }

  .company_right,
  .company_social {
    display: none;
  }

  .company_left .nav li.nav-item {
    width: 100%;
  }

  .main_header .sub_menu:before {
    background: 0 0;
  }

  li.nav-item.dropdown.show .dropdown-menu.show {
    overflow-x: unset;
    overflow: auto;
    max-height: calc(100vh - 200px);
    background: rgba(0, 0, 0, 0.92);
    border-radius: 0;
    padding: 0 !important;
  }

  .company_left .menu_title,
  .industry_megamenu .menu_title {
    display: none;
  }

  .sub_menu .menu_title {
    padding-left: 0;
    color: #fdb913;
  }

  .bottom_header .navbar .navbar-nav .nav-item .nav-link i,
  .bottom_header .navbar .navbar-nav .nav-item .nav-link svg,
  .sub_menu .nav .nav-item .nav-link img {
    display: none;
  }

  .sub_menu .nav .nav-item .nav-link span {
    color: #dedede;
  }

  .hiredeveloper_banner .bannerImage {
    display: none;
  }

  .hiredeveloper_banner {
    height: 50vh;
  }

  .about_right {
    padding-top: 20px;
  }

  .title {
    font-size: 32px;
  }

  .about,
  .brandlogo_silder {
    padding-top: 50px;
    padding-bottom: 35px;
  }

  .com_logo {
    box-shadow: none;
    margin: 0 0 15px;
  }

  .topwebdevelop {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .topwebdevelop .title {
    margin-bottom: 15px;
    font-size: 34px;
  }

  .testimonial_activeprofile .profileimg:after,
  .testimonial_activeprofile .profileimg:before {
    width: unset;
  }

  .testimonial:before {
    width: 100%;
    height: 58%;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    top: 0;
    left: 0;
    bottom: 0;
  }

  .testimonial:after {
    width: 100%;
    height: 48%;
    top: unset;
    bottom: 0;
  }

  .mainlefttestimonial {
    padding-right: 0;
  }

  .testimonial .open-quote {
    font-size: 512px;
    top: 0;
  }

  .mainlefttestimonial .testimonial_title {
    padding-right: 0;
    text-align: center;
    padding-top: 30px;
  }

  .testimonial_activeprofile {
    position: relative;
    margin: 15px auto;
    left: 0;
    right: 0;
    top: auto;
  }

  .testimonial_rightdiv {
    padding-left: 0;
  }

  .profilepic {
    min-height: 152px;
    margin-bottom: 80px;
  }

  .profilepic:first-child {
    margin-bottom: 0;
    min-height: 102px;
  }

  .profilepic .profile3 {
    top: 3px;
    left: 0;
  }

  .profilepic .profile4 {
    left: 35%;
    bottom: -62px;
  }

  .profilepic .profile5 {
    right: 0;
    top: -44px;
  }

  .industry_megamenu .nav .nav-item a.nav-link {
    padding: 0 !important;
  }

  .infography_img img {
    height: auto;
  }
}

@media (max-width: 600px) {
  .portfolio_description ul li {
    margin-bottom: 10px;
}
  .pt-60 {
    padding-top: 30px;
}
  .topwebdevelop .servicesImg {
    display: block;
    width: 100%;
    text-align: center;
  }
  .topwebdevelop .title {
    font-size: 26px;
  }
  .com_logo img {
    height: 120px;
  }
  .topwebdevelop .servicesImg.four_service .single_service,
  .topwebdevelop .servicesImg.tree_service .single_service {
    width: 49%;
    display: inline-block;
  }

  .text_transparent .back_text.i_text {
    left: -2px;
  }

  .copy_content p {
    font-size: 13px;
  }

  .topinner p a {
    font-size: 14px;
    color: #fdb913 !important;
  }

  .reachingout .title {
    padding-bottom: 30px;
    padding-top: 30px;
    font-size: 34px;
  }

  .office_location {
    width: 316px;
    height: 239px;
    left: 54%;
    margin-left: -173px;
  }

  .social_detail {
    display: block;
  }

  .social_detail p {
    width: 100%;
  }

  .text_transparent .back_text {
    left: -12px;
  }

  .slider_title {
    text-align: center;
    font-size: 30px;
  }

  .text_transparent {
    padding-right: 0;
  }

  .pt-60 {
    padding-top: 30px;
  }

  .pixels_livig {
    background-size: cover;
    padding-top: 90px;
    padding-bottom: 50px;
  }

  .advantages_list li {
    display: block;
    width: 100%;
  }

  #counter p {
    font-size: 17px;
  }

  .pixels_livig .title {
    font-size: 30px;
  }

  .footer_logo {
    padding: 20px 25px;
  }

  .addressIndia .Indiaicon {
    padding-right: 15px;
  }

  .lets_right {
    padding: 20px 0 10px;
  }

  .Idiatransition {
    width: 100%;
    margin: 20px auto 0;
  }

  .office_address {
    padding-top: 0;
  }

  .addressIndia .Indiaoffice_address {
    padding: 0 0 0 15px;
  }

  .addressIndia .Indiaoffice_address p {
    padding-top: 0;
  }

  .right_image .inner {
    height: auto;
  }

  .slider {
    padding-top: 80px;
  }

  .services .title {
    font-size: 26px;
  }

  .services .title span {
    font-size: 42px;
  }
}

@media (max-width: 479px) {
    
  .project-requirements ul li:after{
      left: -20px;
  }
  .project-requirements .technical-specification ul li{
      gap: 5px;
      padding-right: 12px;
  }
  .project-requirements .technical-specification ul li img{
      height: 40px;
      width: 40px;
  }
  .project-requirements .technical-specification ul li span{
      font-size: 16px;
  }
  .project-requirements .box-wrap, .have-an-idea, .portfolio-site-info .site-info{
      padding:15px;
  }
  .kind-word-from-client .portfolio-detail-title svg{
      display:none;
  }
  .kind-word-from-client .text-client{
      margin:-10px 45px -10px;
      display:unset;
  }
  .portfolio-site-info .site-info ul li{
      margin-bottom: 20px;
      gap: 15px
  }
  .portfolio_description .title{
      font-size:22px;
      margin-bottom:10px;

  }
  .portfolio_description ul{
      display:block;
  }
  .portfolio_description ul li{
      margin-bottom:10px;
  }
  .portfolio_description ul li:last-child{
      margin-bottom:0;
  }
  .office_address{
      display:block;
  }
  .office_address .address{
      width:100%;
      margin:20px 0;
  }
  .project-requirements ul {
      margin-top: 20px;
      padding-left: 20px;
  }

  .project-requirements ul li p {
      font-size: 16px;
      font-weight: 500;
  }

  .portfolio-detail-title {
      font-size: 25px
  }

  .technical-specification {
      display: block;
      text-align: center;
      border-bottom: 1px solid #ddd;
      padding-bottom: 30px;
  }

  .space-section {
      margin-top: 30px;
  }

  .technical-specification:last-child {
      border-bottom: 0px solid #ddd;
      padding-bottom: 0px;
  }
}

@media (max-width: 320px) {
  .industry_services {
    background-size: cover;
  }
  .industry_services:after {
    content: unset;
  }
  .services_icons li {
    margin: 10px;
  }
  .services_icons {
    float: left;
    text-align: center;
    flex-flow: wrap;
    background: #00000080;
    padding: 6px;
  }
  .industry_servicesleft h2 {
    font-size: 75px;
  }
  .industry_servicesleft {
    height: unset;
  }
  .comfort .menuservice_pack .pack {
    width: 304px;
  }
  .comfort .menuservice_pack .pack.packageOne {
    width: 304px !important;
  }
  .comfort .menuservice_pack .packageThree {
    width: 304px !important;
  }
}