.ani_btn,
.custom-select select:focus {
  outline: 0;
}
* {
  list-style: none;
  text-decoration: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #2f2f2f;
}
p {
  line-height: 25px;
}
.fs-small,
.header-main .menu-setting .query_btn i,
.service_items p {
  font-size: 14px;
}
body,
html {
  overflow-x: hidden;
}
body {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #828486;
  min-height: 100vh;
  padding-top: 85px;
/*   background-image: url("../img/heero-bg.png");*/
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.main-banner {
  background-color: #0c0c0c;
  /*min-height: 625px;*/
}
.row-banner {
  margin-top: 76px;
}
#myButton {
  white-space: pre-wrap;
}
.header-main {
  background: #fff;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: 0.3s linear;
  box-shadow: 0 0 8px 0 rgb(75 106 230 / 17%);
}
.header-main.stickyanimate {
  padding: 6px 0;
  box-shadow: 0 0 20px 0 rgb(79 105 212 / 14%);
}
.navflex {
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: relative;
  width: 100%;
  padding: 5px 0;
}
.header-main .main-menu,
.header-main .sub-menu {
  display: block;
  list-style: none;
  background: #fff;
}
.header-main .main-menu li,
.header-main .sub-menu li {
  font-size: 1rem;
}
.header-main .main-menu > li {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.header-main .main-menu > li a {
  display: block;
  font-size: 14px;
}
.header-main .main-menu > li.active .sub-menu {
  opacity: 1;
  pointer-events: auto;
  margin-top: 0;
  z-index: 20;
}
.ani_btn:hover .button-text,
.benefits_coloum .bg-primary h4,
.benefits_coloum .bg-primary h6,
.benefits_coloum .bg-primary ul li,
.breadcrumb > .active,
.btn_slide:focus,
.button-animation:hover .button-title,
.header-main .main-menu > li.active i,
.how_content a:hover,
.inner_page_banner h2,
.inner_page_banner p,
.list_2 h5,
.main_banner .banner-text,
.main_packages:hover h3,
.main_packages:hover h4,
.main_packages:hover label,
.main_packages:hover small,
.main_packages:hover span,
.main_packages:hover strong,
.our_clients_wrapper .our_clients_item:hover .team-content h3,
.out_client_bg .bg-text a,
.out_client_bg .bg-text h2,
.out_client_bg .bg-text span,
.project_banner_text p,
.sec-title.light h2,
.service-menu .flex-submenu a:hover h5,
.service-menu .flex-submenu a:hover p,
.service_banner_content h1,
.service_banner_content h2,
.service_banner_content p,
.team-item:hover .content h4,
.team-item:hover .content li a,
.team-item:hover .content span,
.techno_process .single-work-process:hover h4 {
  color: #fff;
}
.header-main .main-menu li a i {
  padding-left: 2px;
  font-size: 10px;
  color: #333;
}
.header-main .sub-menu li i {
  padding-right: 4px;
  color: #ccc;
}
.second-heading{
    font-size:33px !important;
    line-height:1.5;
}
.header-main .main-menu .full_size_menu {
  width: auto;
  padding: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  left: -110px;
}
.header-main .main-menu .full_size_menu .fsize_item {
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}
.header-main .main-menu .full_size_menu .submenu_header {
  font-size: 12px;
  font-weight: 700;
  width: 100%;
  white-space: nowrap;
  background: #0000;
  border-radius: 0 !important;
  border: 0;
  text-transform: uppercase;
  letter-spacing: 0.95px;
  color: #000;
  border-right: 2px solid #fff;
  display: block;
}
.header-main .main-menu .full_size_menu ul {
  width: 100%;
  padding: 0;
  margin: 0 30px 0 0;
  line-height: inherit !important;
}
.header-main .main-menu .full_size_menu ul li {
  padding: 0;
  margin: 0;
}
.header-main .main-menu .full_size_menu ul li a {
  white-space: nowrap;
  border: 0;
  margin-bottom: 0;
}
.header-main .submenu_header {
  background: #2b0356;
  display: flex;
  align-items: center;
  color: #fff;
  padding: 8px 12px !important;
  font-weight: 500;
  font-size: 13px;
  margin: 5px 5px 0;
  background: linear-gradient(45deg, #072377 75%, #fff 22%);
  border-radius: 0 !important;
  border: 0;
  height: 35px;
}
.header-main .submenu_header img {
  width: 22px;
  margin-right: 10px;
}
.header-main .sub-menu {
  opacity: 0;
  pointer-events: none;
  transition: 0.2s;
  position: absolute;
  top: 100%;
  left: 0;
  right: auto;
  margin: 0;
  padding: 0;
  min-width: 200px;
  background: #fff;
  transform: translateY(5px);
  box-shadow: 0 0 5px rgb(228 236 255);
  border-radius: 4px;
}
.header-main .sub-menu li a {
  display: block;
  color: #696d6f;
  padding: 5px 0 5px 15px !important;
  font-weight: 500;
  font-size: 13px;
  transition: 0.3s linear;
}
.header-main .sub-menu li:last-child {
  border: none;
}
.header-main .sub-menu li:hover a,
.header-main .sub-menu li:hover i {
  color: #3b6fa9;
}
.header-main .sub-menu li:hover a {
  margin-left: 2px !important;
}
.header-main .toggle-menu {
  color: #000;
  padding-right: 1rem;
  margin-left: auto;
  text-decoration: none;
  display: none;
}
.header-main .main-menu,
.header-main .sub-menu {
  margin-bottom: 0;
  padding-left: 0;
}
.cool-link::after,
footer .resource li a::after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: #3b6fa9;
  transition: width 0.3s;
}
.cool-link:hover::after {
  width: 100%;
  transition: width 0.3s;
}
.header-main .main-menu > li > a,
.portfolio-nav a {
  color: #333;
  padding: 4px 14px !important;
}
.header-main .main-menu li a,
.header-main .sub-menu li a {
  padding: 1rem;
  text-decoration: none;
  text-transform: capitalize;
}
.header-main .main-menu .expand,
.header-main .sub-menu .expand {
  color: #fff;
  font-size: 1.5rem;
}
#what-we-do .card .card-block a i,
.bg-connect:before,
.header-main .main-menu .expand,
.our_clients_wrapper .section_title h4:after,
.process-last:before,
.project_counter .col-md-3:last-child .counter-column:before,
.services p,
.slider_skip_btns .button-animation:hover:before,
.steps-bar li:first-child:after,
.tabbed-content .tabs,
.techno_process .lastswp .work-process-icon:after,
.techno_process .lastswp .work-process-icon:before {
  display: none;
}
.header-main .menu-setting ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-content: center;
}
.header-main .menu-setting ul li {
  margin-right: 10px;
}
.header-main .menu-setting .getestimate_btn {
  padding: 8px 14px !important;
  margin-top: 6px;
  margin-bottom: 6px;
  color: #fff;
  font-size: 14px;
  background: linear-gradient(135deg, #ce9ffc, #7367f0);
  box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%),
    0 13px 24px -11px rgb(115 103 240 / 60%);
  border-radius: 6px;
}
.header-main .menu-setting ul li i {
  margin-right: 5px;
  margin-top: 2px;
}
.service-menu {
  background: #fff;
  border: 0;
  transition: 0.4s ease-out;
  box-shadow: 0 0 20px 0 rgb(14 42 71 / 10%);
  width: 850px;
  transform: translate(-60%, 8px);
}
.service-menu .flex-submenu {
  display: flex;
  align-content: center;
}
.special-title:after,
.special-title:before {
  bottom: 8px;
  height: 4px;
  display: inline-block;
  background: linear-gradient(45deg, #9adf46, #9adf46);
  position: absolute;
  content: "";
}
.service-menu .flex-submenu a:last-child: {
  border-right: 0;
}
.service-menu .flex-submenu a {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  width: 25%;
  text-align: center;
  width: calc(100% / 4);
  position: relative;
  padding: 20px;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  transition: 0.2s linear;
}
.service-menu .flex-submenu a:hover {
  background: #304a9d;
  border-radius: 35px 0;
  color: #fff;
  box-shadow: 0 0 20px 0 rgb(14 42 71 / 10%);
}
.service-menu .flex-submenu a:hover img,
.service_wrapper .service_col figure:hover img {
  transform: scale(1.2);
}
.service-menu .flex-submenu img {
  width: 45px;
  margin: 0 auto 10px;
  transition: 0.3s ease-out;
}
.service-menu .flex-submenu h5 {
  color: #000;
  font-size: 17px;
}
.service-menu .flex-submenu p {
  font-size: 14px;
  margin-bottom: 0;
  color: #000;
}
.bg-connect {
  background: #304a9d;
  padding: 6px 14px;
  color: #fff !important;
  border-radius: 0.25rem;
  margin-left: 20px;
  font-size: 14px;
}
.bg-connect i {
  font-size: 12px;
}
.static {
  position: static;
}
.cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
h4.owl-slide-title {
  letter-spacing: 1.5px;
  font-size: 16px;
  text-transform: uppercase;
  color: #1a1c1f;
  margin-bottom: 20px;
}
.text-green,
.title-about span,
ul.breadcrumbabc li a:hover {
  color: #199e04;
}
.special-title {
  letter-spacing: 1px;
  font-size: 40px;
  color: #fff;
  font-weight: 500;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 25px;
}
.special-title:before {
  left: 5px;
  width: 12px;
  border-radius: 60px;
}
.special-title:after {
  left: 26px;
  width: 60px;
  border-radius: 60px;
}
.read-more-btn {
  border-radius: 60px;
  background: linear-gradient(45deg, #424442, #0e0f14);
  color: #fff !important;
  text-transform: uppercase;
  font-size: 12px;
  padding: 8px 30px;
  border: 0;
}
.spacing {
  margin-top: 4rem;
}
.main_banner,
.use_techno {
  display: flex;
}
.main_banner:after,
.main_banner:before {
  display: none;
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #7777774a;
  -moz-box-shadow: 0 35px 20px #7777774a;
  box-shadow: 0 35px 20px #7777774a;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.main_banner:after,
.shadow-effect::after {
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}
.main_banner .banner-text h2 {
  font-size: 2.3rem;
}
.main_banner .banner-text h5 {
  color: #00d7a7;
  background: #ffffff21;
  padding: 4px 12px;
  width: max-content;
}
.main_banner .banner-text p,
.social_media_links .btn i {
  font-size: 18px;
}
.main_banner .banner-image {
  width: 100%;
  text-align: right;
}
.main_banner .banner-image img {
  max-width: 450px;
  animation: 2s cubic-bezier(0.645, 0.045, 0.355, 1) animationall;
  animation-name: animateUpDown;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}
.typewriter {
  font-family: sans-serif;
  color: #fff;
  padding-left: 30px;
  display: block;
}
.typewriter-text {
  padding-right: 10px;
  color: #9adf46;
  border-right: 4px solid #fff;
  text-transform: uppercase;
  animation: 1s ease-in-out infinite cursor;
}
.title-about {
  color: #2f2f2f;
  font-size: 34px;
  margin-bottom: 18px;
}
@keyframes cursor {
  from {
    border-color: #fff;
  }
  to {
    border-color: transparent;
  }
}
.services {
  width: 100%;
  background: #fff;
  display: block;
  padding: 20px;
  position: relative;
  border-radius: 0.25rem;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 0 6px 0 #eee;
  box-shadow: 0 0 6px 0 #eee;
  text-align: center;
}
.services figure {
  width: 70px;
  height: 70px;
  margin: 0 auto 15px;
  border-radius: 50%;
  background: #eff2ff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-title label,
.services h4 {
  margin-bottom: 10px;
  font-size: 15px;
}
.services h4 {
  font-weight: 600;
  text-transform: capitalize;
}
.section-title label {
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #2f3fb1;
}
.section-title h2 {
  font-size: 2rem;
}
.services:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 8px 0 #eff2ff;
}
.services:hover h4 {
  color: #3498db;
}
.ani_btn:hover,
.ani_btn:hover .fa,
.button-animation,
.resource-inline li:hover,
.topbar a:hover,
.word_press_sec_3 p,
footer .resource li:hover a {
  color: #fff !important;
}
@keyframes animateUpDown {
  0%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }
}
.button-animation {
  text-align: center;
  display: inline-block;
  text-transform: capitalize;
  position: relative;
  will-change: transform;
  overflow: hidden;
  border-radius: 60px;
  background: linear-gradient(45deg, #424442, #0e0f14);
  text-transform: uppercase;
  font-size: 16px;
  padding: 8px 30px;
  border: 0;
}
.button-animation:before {
  content: "";
  display: block;
  position: absolute;
  width: 200%;
  height: 500%;
  border-radius: 100%;
  transform: translate(-110%, -110%) translateZ(0);
}
#what-we-do .card .card-block,
.bg-section,
.button-title,
.client_clicks,
.client_content,
.contact-page-section .contact-form,
.contact-page-section .contact-page-section .social-icon-four,
.contact-page-section .info-column,
.custom_dropdown_menu,
.press_img,
.shadow-effect,
footer,
footer h3 {
  position: relative;
}
.button-animation:hover:before {
  transform: translate(-45%, -34%) translateZ(0);
}
.button-animation:hover {
  color: transparent;
  background: #7fde3f;
}
.button-title {
  top: 0;
  width: 100%;
  display: inline;
  height: auto;
  transition: 0.25s ease-in 0.1s;
}
.our-services {
  background: #fff;
  padding: 4rem 0;
}
.shadow-effect::after,
.shadow-effect::before {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #7777774a;
  -moz-box-shadow: 0 35px 20px #7777774a;
  box-shadow: 0 35px 20px #7777774a;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.tabbed-content {
  background: #0000;
  width: 100%;
  border-radius: 0.25rem;
  overflow: hidden;
}
.tabbed-content .tabs-head {
  margin: 0;
  padding: 0;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.half_sidee_horz:hover,
.swiper-pagination-progress.swiper-pagination-white
  .swiper-pagination-progressbar,
.swiper-pagination-white .swiper-pagination-bullet,
.swiper-pagination-white .swiper-pagination-bullet-active,
.tabbed-content .tabs-head li {
  background: #fff;
}
.tabbed-content .tabs-head li a {
  padding: 0.8em 1em;
  text-transform: capitalize;
}
.tabbed-content .tabs-head li a i {
  font-size: 1rem;
  margin-right: 10px;
}
.tabbed-content .tabs-head li a.active,
.tabbed-content .tabs-head li a:hover {
  background: #304a9d;
  color: #fff;
  border-radius: 0;
}
.tabbed-content .item {
  background: #fff;
  min-height: 2em;
}
.tabbed-content .item::before {
  cursor: pointer;
  font-weight: 700;
  background: #eee;
  padding: 0.5em;
  display: block;
  content: attr(data-title);
}
.tabbed-content .item.active::before {
  background: #444;
  color: #eee;
}
.tabbed-content .item.active .item-content {
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
  visibility: visible;
  height: auto;
  padding: 1rem 2rem;
}
.tabbed-content .item.active .item-content h4,
.tabbed-content .item.active .item-content p {
  color: #434242;
}
.tabbed-content .item .item-content {
  opacity: 0;
  visibility: hidden;
  height: 0;
}
.bg-section {
  background: #eff2ff;
  padding: 60px 0 25px;
}
.bg-section.aos-init p,
.cele_top_contents img {
  margin-bottom: 50px;
}
.tabbed-content .iner_technos {
  display: flex;
  justify-content: space-between;
  align-content: center;
  text-align: center;
  flex-wrap: wrap;
}
.tabbed-content .item-content h4 {
  font-size: 18px;
  text-align: center;
  margin-bottom: 20px;
}
.tabbed-footer {
  text-align: center;
  padding: 3rem 0;
  clip-path: polygon(
    0% 0%,
    100% 0%,
    100% 20%,
    50% 100%,
    50% 100%,
    35% 75%,
    0% 20%
  );
}
.tabbed-footer .button-animation {
  background: #fff;
  border-radius: 0.25rem;
  color: #333 !important;
  font-size: 1rem;
}
.tabbed-footer .button-animationL:hover {
  color: #ffff !important;
}
footer {
  width: 100%;
  float: left;
  min-height: 300px;
  background: #026a5a;
  padding: 60px 0 0;
  color: #333;
  font-size: 14px;
}
footer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("https://static.vecteezy.com/system/resources/previews/008/069/118/non_2x/3d-map-of-world-vector.jpg");
  background-position: unset;
  opacity: 0.1;
  animation: 100s linear infinite mapSlide;
  -webkit-animation: 100s linear infinite mapSlide;
}
footer .address,
footer .resource {
  height: auto;
  padding: 0;
  float: left;
}
@keyframes mapSlide {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 1920px 0;
  }
}
footer .rgt_brder {
  border-right: 1px solid #454545;
}
@media (max-width: 768px) {
  footer .rgt_brder {
    border-right: none;
  }
}
footer h3 {
  width: 100%;
  float: left;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0 0 10px;
  margin: 0 0 20px;
  color: white;
  text-align: left;
}
footer h3::after {
  content: "";
  width: 36px;
  height: 3px;
  background: white;
  position: absolute;
  bottom: 0;
  left: 0;
}
footer .address {
  width: 100%;
  text-align: center;
  text-transform: capitalize;
}
footer .address li {
  width: 100%;
  float: left;
  font-size: 15px;
  line-height: 24px;
  margin: 0 0 10px;
}
footer .address li figure {
  width: 21px;
  float: left;
  text-align: center;
}
footer .address li label {
  width: calc(100% - 21px);
  float: left;
  padding: 0 0 0 10px;
  text-align: left;
  color: white;
  letter-spacing: 0;
}
.text-theme2 {
  color: #ff4929 !important;
}
footer .resource {
  width: 100%;
}
footer .resource li {
  width: 100%;
  float: left;
  padding: 0;
  position: relative;
}
footer .resource li a {
  color: white;
  width: 100%;
  display: inline-block;
  padding: 8px 0;
  transition: 0.3s ease-in;
  line-height: 16px;
}
.footer .resource li:hover a::after {
  width: 40%;
  transition: width 0.3s;
}
footer .rgt_gap {
  padding-left: 30px;
}
footer .technologies li {
  width: 50%;
}
footer ol,
ul {
  padding: 0;
  margin: 0;
  color: #a9a0a0;
  line-height: 26px;
}
.social-icon {
  width: 100%;
  float: left;
  text-align: left;
  margin: 10px 0 20px;
}
.social-icon li {
  width: auto;
  display: inline-block;
  margin: 0 1px;
}
.social-icon li a {
  border: 1px solid #fff;
  width: 35px !important;
  height: 35px !important;
  border-radius: 100%;
  padding: 0;
  text-align: center;
  margin: 0 auto;
  display: block;
  line-height: 35px;
  color: #fff;
  vertical-align: middle;
  transition: 0.3s;
  font-size: 16px;
}
.social-icon li a:hover {
  color: #fff;
  background: #89c73e;
  border-color: #89c73e;
}
.testimonial9 {
  color: #8d97ad;
  font-weight: 300;
  padding: 70px 0 65px !important;
}
.blog-home2 a.link,
.blog-home2 h1,
.blog-home2 h2,
.blog-home2 h3,
.blog-home2 h4,
.blog-home2 h5,
.blog-home2 h6,
.testimonial9 h1,
.testimonial9 h2,
.testimonial9 h3,
.testimonial9 h4,
.testimonial9 h5,
.testimonial9 h6 {
  color: #3e4555;
}
.blog-home2 .bg-light,
.testimonial9 .bg-light {
  background-color: #f4f8fa !important;
}
.testimonial9 h5 {
  line-height: 30px;
  font-size: 18px;
}
.testimonial9 .font-13 {
  font-size: 13px;
}
.testimonial9 .card.card-shadow {
  -webkit-box-shadow: 0 0 30px rgba(115, 128, 157, 0.1);
  box-shadow: 0 0 30px rgba(115, 128, 157, 0.1);
}
.testimonial9 .card::after {
  position: absolute;
  bottom: -15px;
  left: 35px;
  content: "";
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #fff;
}
.testimonial9 .owl-theme .owl-dots .owl-dot.active span,
.testimonial9 .owl-theme .owl-dots .owl-dot:hover span {
  background: #81e06c;
}
.testimonial9 .owl-dots {
  position: absolute;
  left: -105%;
  top: 60%;
}
.testimonial9 .devider {
  height: 2px;
  width: 40px;
}
.testimonial9 .bg-info {
  background-color: #188ef4 !important;
}
.testimonial9 .customer-thumb img {
  width: 60px;
}
.testimonial9 .customer-thumb {
  width: 70px;
  margin-right: 15px;
}
.project_counter {
  background: #fff;
  color: #000;
  box-shadow: 0 0 6px 0 #eee;
  transition: 0.4s linear;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -40px;
  width: 82%;
  border-radius: 0.25rem !important;
}
.project_counter h4 {
  color: #000;
  margin: 8px 0 2px;
  font-size: 20px;
}
.project_counter h5 {
  text-transform: capitalize;
  position: relative;
  font-size: 14px;
}
.project_counter h5:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 32%;
  bottom: -6px;
  width: 25%;
  height: 2px;
}
.project_counter .counter-column {
  padding: 10px;
  background: #fff;
  position: relative;
}
.counter-column:before {
  content: "";
  position: absolute;
  background: #eff0f4;
  top: 24px;
  right: 0;
  height: 40px;
  width: 1px;
  display: inline-block;
}
.page-wrap {
  justify-content: center;
  align-items: center;
}
.whatsapp_popup .fixed-callout {
  padding: 15px;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  position: fixed;
  bottom: 67px !important;
  text-align: center;
  animation: move 6s infinite forwards;
  z-index: 9999;
  right: 17px;
}
.whatsapp_popup .fixed-callout .hidden-xs a {
  margin: 8px 0;
}
.whatsapp_popup .fixed-callout a {
  display: block !important;
  padding: 2px 0;
  font-size: 16px;
  color: #323232 !important;
  text-decoration: none;
}
.whatsapp_popup .fixed-callout h4 {
  padding: 0;
  margin: 0 0 8px 0;
  color: #0079be;
  font-weight: 700;
  font-size: 18px !important;
}
.whatsapp_popup .fixed-callout img {
  width: 24px;
  height:24px;
}
#mbtn-callout {
  display: none !important;
}
@keyframes move {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(50px);
  }
  100% {
    transform: translateY(0);
  }
}
@media screen and (max-width: 767px) {
  .whatsapp_popup .fixed-callout {
    right: 25px;
    width: 110px;
    padding: 8px;
  }
  #mbtn-callout {
    display: block !important;
  }
  .whatsapp_popup .fixed-callout .mbtn-callout a {
    font-size: 40px;
    margin: 0 9px;
  }
  .whatsapp_popup .hidden-xs {
    display: none;
  }
  .whatsapp_popup .fixed-callout a {
    display: inline-block !important;
    padding: 2px 0;
    font-size: 16px;
    color: #323232 !important;
    text-decoration: none;
    margin: 7px;
  }
}
@media screen and (min-width: 768px) {
  .whatsapp_popup .fixed-callout {
    width: auto;
    right: 17px;
    bottom: 67px !important;
  }
  .whatsapp_popup .visible-xs {
    display: block !important;
  }
  .whatsapp_popup .fixed-callout .hidden-xs {
    display: block;
  }
  .whatsapp_popup .fixed-callout .hidden-xs a {
    display: inline-block;
    margin: 8px 10px;
    font-size: 16px;
  }
}
#home-slider {
  height: 80vh;
  position: relative;
}
.swiper-container {
  height: 100%;
  width: 100%;
  box-shadow: 0 0 7px 0 rgb(175 171 171 / 29%);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
,
.swiper-image-five,
.swiper-image-one,
.swiper-image-six,
.swiper-image-three,
.swiper-image-two {
  background: #000;
}
.swiper-image-eight,
.swiper-image-four {
  background: #ff4929 !important;
}
.swiper-image {
  width: 50%;
  height: 100%;
  background: #fff;
}
.swiper-image-inner {
  background-size: cover;
  background-position: center center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-blend-mode: overlay;
}
.swiper-image-inner.swiper-image-left {
  padding: 30px;
  display: flex;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  height: 100%;
  width: 95%;
}
.swiper-image-inner .number {
  font-size: 75px;
  font-weight: 900;
  color: #03172f;
  font-family: fantasy;
  float: right;
}
.swiper-image-inner .content-box {
  background: #fff;
  max-width: 80%;
  position: relative;
  padding: 20px;
  text-align: justify;
  margin-top: 15px;
  box-shadow: 0 0 6px 0 #eee;
}
.swiper-image-inner .content-box:after {
  content: "";
  position: absolute;
  left: 20%;
  right: 20%;
  top: -8%;
  bottom: -8%;
  border: 4px solid currentColor;
  z-index: -1;
}
.portfolio_section .portfolio_info h5,
.short_detail h1,
.swiper-image-inner .content-box small {
  font-size: 14px;
  letter-spacing: 8px;
  font-weight: 400;
  color: #222;
  text-transform: uppercase;
}
.swiper-image-inner .content-box h4 {
  font-size: 32px;
  font-weight: 800;
}
.swiper-image-inner .praleft,
.swiper-image-inner p.paragraph {
  text-align: justify;
  font-weight: 500;
  transform: translate3d(-20%, 0, 0);
  opacity: 0;
}
.swiper-image-inner .content-box h6 {
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
  line-height: 1.5;
  color: #222;
}
.swiper-image-left {
  transition: 1s linear 1s;
}
.swiper-image-inner.swiper-image-right {
  transition: 1s linear 1s;
  background: #235789;
}
.swiper-image-inner h1 {
  align-self: flex-start;
  font-size: 22px;
  max-width: 90%;
  font-weight: 700;
  transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s;
  transform: translate3d(-20%, 0, 0);
  opacity: 0;
}
.swiper-image-inner h1 span.emphasis {
  font-family: Poppins, sans-serif;
  font-weight: 700;
  font-style: italic;
  opacity: 0;
  transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.2s;
  transform: translate3d(-20%, 0, 0);
  display: block;
}
.swiper-image-inner h1 span:not(.emphasis) {
  font-size: 2.5rem;
}
.swiper-image-inner .praleft {
  text-transform: capitalize;
  transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.3s;
  color: #000;
  margin-top: 3rem;
  padding-right: 2rem;
}
.swiper-image-inner p.paragraph {
  margin: 0;
  font-family: "Cormorant Garamond", serif;
  color: #fff;
  width: 100%;
  max-width: 350px;
  font-size: 1.2rem;
  transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.4s;
}
.swiper-slide.swiper-slide-active .praleft,
.swiper-slide.swiper-slide-active h1,
.swiper-slide.swiper-slide-active h1 span.emphasis,
.swiper-slide.swiper-slide-active p.paragraph {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.contact-page-section .info-column .list-info .address figure,
.our-career .job-description .job-table li.fist,
.page-header .heading,
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #fff;
  overflow: hidden;
  display: flex;
}
.landing_form .form-control,
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  display: inline-block;
  background: #fff;
  opacity: 0.4;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.slider_skip_btns .button-animation,
.swiper-pagination-clickable .swiper-pagination-bullet,
a {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active,
.swiper-pagination-progress.swiper-pagination-black
  .swiper-pagination-progressbar {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 15px;
  bottom: 15px;
}
.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 5px;
}
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl
  .swiper-pagination-progress
  .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  background-image: -webkit-linear-gradient(
    right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  background-image: -moz-linear-gradient(
    right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  background-image: -o-linear-gradient(
    right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(
    linear,
    right top,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  background-image: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  background-image: -moz-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  background-image: -o-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  background-image: -webkit-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  background-image: -moz-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  background-image: -o-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  background-image: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  background-image: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  background-image: -o-linear-gradient(
    top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  -ms-perspective: 1200px;
}
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-fade .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: 1s steps(12, end) infinite swiper-preloader-spin;
  -moz-animation: 1s steps(12, end) infinite swiper-preloader-spin;
  animation: 1s steps(12, end) infinite swiper-preloader-spin;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.steps-bar {
  display: flex;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 50px;
  margin: auto;
}
.steps-bar li {
  width: calc(100% / 4);
  text-align: center;
  counter-increment: step;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #747d8c;
}
.bg-cover,
.techflex li {
  justify-content: center;
}
.steps-bar li:after {
  content: "";
  height: 3px;
  width: 100%;
  background-color: #dedede;
  position: absolute;
  left: -50%;
  top: 35%;
  z-index: -2;
}
.out_client_bg {
  background: url(../img/client-bg.jpg);
  background-position: 100% 28% !important;
}
.gym_banner {
  background: url("../../../superboostgym.com/wp-content/uploads/2018/02/Gym-banner.html");
  background-size: 100% !important;
}
.dance_banner {
  background: url("../../../s303.podbean.com/pb/b9e001ede27ce6c881b3010bd6f6dbaa/60800cbd/data1/fs114/10430102/uploads/Banner5728.html?pbss=9d2f14f2-aede-5bb7-88f4-8f6398d5edb1");
  background-size: 100% !important;
}
.pms_banner {
  background: url("../../../rbsoftech.com/wp-content/uploads/2017/07/website-development.png");
  background-size: 100% !important;
}
.attendance_banner {
  background: url("../../../www.c2btech.com/uploads/topics/15815752519400.jpg");
  background-size: 100% !important;
}
.attendance_banner:after,
.dance_banner:after,
.gym_banner:after,
.out_client_bg:after,
.pms_banner:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(6, 28, 34, 0.5);
  content: "";
  z-index: 0;
}
.out_client_bg .project_counter {
  z-index: 1;
}
.attendance_banner .bg-text,
.dance_banner .bg-text,
.gym_banner .bg-text,
.out_client_bg .bg-text,
.pms_banner .bg-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.bg-cover .bg-text {
  text-align: center;
  color: #1e2637;
}
.bg-cover .bg-text h1,
.bg-cover .bg-text h2 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0.9px;
  color: #fff;
}
.bg-text a,
.bg-text h2,
.bg-text span {
  color: #1e2637;
}
.section_title h5 {
  font-weight: 600;
  text-transform: capitalize;
  font-size: 18px;
  line-height: 23px;
}
.section_title h4 {
  font-weight: 600;
  font-size: 34px;
  line-height: 44px;
  color: #1e2637;
  position: relative;
}
.section_title h4:after {
  display: block;
  content: "";
  position: absolute;
  width: 70px;
  height: 4px;
  left: 25px;
  border: 4px solid transparent;
  border-bottom: 0;
  border-top-color: #1d2435;
  margin-left: -21px;
  top: auto;
  bottom: -6px;
}
.section_title h4 span {
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-weight: 700;
  font-size: 38px;
  color: #2d4a8a;
}
.section_title p {
  margin-top: 10px;
  margin-bottom: 40px;
}
.flexiable {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.flexiable ul {
  display: inline-block;
  width: 48%;
  margin: 10px 0;
}
.flexiable ul li {
  font-size: 15px;
  padding-bottom: 8px;
}
.flexiable ul li img {
  margin-right: 15px;
}
.techflex {
  margin: 0 40px 0 0;
  display: flex;
  flex-wrap: wrap;
}
.techflex li {
  width: calc(100% / 4 - 10px);
  background: #fff;
  box-shadow: 0 1px 8px 1px rgb(0 0 0 / 5%);
  text-align: center;
  border: 1px solid #ededed;
  border-radius: 5px;
  margin: 5px;
  padding: 15px;
  display: flex;
  align-items: center;
}
.techflex li img {
  width: 100px;
}
.aniUpDown {
  opacity: 1;
  transform: rotateZ(0);
  margin-top: 10%;
  pointer-events: none;
  animation: 4s ease-in infinite arrows;
  transition: transform 4s cubic-bezier(0, 1, 0.3, 1) 0.25s,
    opacity 0.3s ease-out 0.25s;
  will-change: transform, opacity;
}
@keyframes arrows {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(20px);
  }
}
.our-team {
  background: linear-gradient(to right, #3d6def, #8fadfe);
  box-shadow: 0 4px 6px 0 rgb(0 0 0 / 20%);
  padding: 20px 10%;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.our-team .team-item:hover .content {
  background: #304a9d;
}
.our-team .owl-carousel .owl-dots.disabled,
.our-team .owl-carousel .owl-nav.disabled,
.service_wrapper.fill_form {
  display: block;
}
.our-team .owl-nav {
  display: none !important;
}
.our-team .owl-dots .owl-dot.active span,
.our-team .owl-dots .owl-dot:hover span {
  background: #fff !important;
  opacity: 10;
}
.our-team .owl-dots .owl-dot span {
  background: #000 !important;
}
.our-team .team-item {
  height: 430px;
  margin: 0 5px;
}
.our-team .team-item .thumb {
  height: 323px;
  position: relative;
  padding: 45px 30px;
  z-index: 0;
  border: 1px solid;
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
}
.our-team .owl-item img {
  display: block;
  width: 100%;
}
.our-team .owl-item .content {
  max-width: calc(100% - 10%);
  padding: 10px;
  position: absolute;
  width: 100%;
  bottom: -1px;
  border-radius: 5px;
  z-index: 9999;
  background: #fff;
  box-shadow: 0 10px 10px rgb(0 0 0 / 15%);
}
.our-team .content h4 {
  font-size: 18px;
  margin: 0;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.9px;
}
.our-team .content .designation {
  font-size: 13px;
  color: #304a9d;
  letter-spacing: 1px;
}
.our-team .content .socials-links {
  display: flex;
  justify-content: center;
  margin: 20px 0 0;
}
.our-team .content .socials-links a {
  display: block;
  line-height: 12px;
  margin: 0 5px;
  font-size: 12px;
  color: #353535;
}
.our-team .owl-nav.disabled button {
  width: 40px;
  height: 40px;
  background: #fff !important;
  margin: 30px 5px;
  position: relative;
  border-radius: 50px;
  outline: 0;
  font-size: 25px !important;
  font-weight: 900 !important;
  box-shadow: 0 0 15px rgb(0 0 0 / 30%);
}
.our-team .owl-nav.disabled button span {
  position: absolute;
  line-height: 14px;
  top: 10px;
  left: 15px;
  color: #000;
}
.our-team .team-item .thumb img {
  border-radius: 0.25rem;
}
.btnfill:hover,
.our-team .team-item:hover .thumb {
  border-color: #fff;
}
.seo_packages table tr.headline {
  color: #fff;
  font-size: 1rem;
}
.seo_packages table tr.headline td:first-child {
  background: #304a9d;
  box-shadow: 0 -3px 2px -2px #2d2d2d61;
  text-align: center;
}
.seo_packages table tr td .fa-check {
  color: #89c73f;
}
.seo_packages table tr td .fa-times {
  color: red;
}
.seo_packages table tr td {
  border: 0;
  border-bottom: 1px dashed #dee2e6;
}
.seo_packages table tr td:last-child {
  border-right: 1px dashed #dee2e6;
}
.seo_packages table tr td:first-child {
  border: 0;
  font-size: 16px;
  text-align: left;
  padding-left: 20px;
  background: #f1f3f5;
}
.seo_packages table {
  border: 1px solid #dee2e6 !important;
}
.seo_packages table tr th {
  font-size: 18px;
  font-weight: 400;
}
.seo_packages table thead tr th {
  border-right: 0;
  border-left: 0;
}
.seo_packages .buynow {
  background: #89c73f;
  padding: 8px 10px;
  font-size: 14px;
  color: #fff !important;
}
.seo_packages .buynow:hover {
  box-shadow: 0 2px 5px -1px #ccc;
}
.seo_packages .current-col {
  background: #e5f1fd;
}
.chat-main-popup {
  max-width: 625px;
  margin: 0 auto;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  background-image: linear-gradient(to right, #91eae4, #86a8e7, #7f7fd5);
  color: #fff;
  z-index: 99999;
  display: none;
  width: 95%;
  box-shadow: inset 0 0 20px 0 rgb(0 0 0 / 12%);
}
#delayedPopup #mc_embed_signup {
  float: left;
  width: 100%;
  padding: 0;
  display: block;
  font-size: 16px;
  color: #666;
}
.delayedPopupWindow #btnClose {
  width: 40px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #000;
  background-color: #fff;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  float: right;
  font-weight: 700;
  margin: -23px -15px 0 0;
}
.chat-inner-popup {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.chat-popup-text-sec {
  padding: 30px 0 30px 30px;
}
.chat-popup-title {
  font: 900 22px/1.2 Roboto;
  margin: 0;
  color: #fff;
}
.chat-popup-btn-sec,
.client_content figure {
  margin: 15px 0;
}
.chat-popup-btn-sec a.chat-us-btn {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}
.chat-popup-btn-sec a {
  color: #000;
  display: inline-block;
  font: 700 16px/1.2 Roboto;
  background-color: #fff;
  padding: 10px 15px;
  box-sizing: border-box;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 4px;
  border: 1px solid #fff;
  cursor: pointer;
}
.chat-us-btn {
  margin-right: 8px;
}
.chat-popup-desc {
  font: 300 18px/1.4 Roboto;
  margin: 0;
  color: #fff;
}
.chat-popup-desc #chat-sptcl-no {
  font-weight: 700;
  color: #000 !important;
  text-decoration: none;
}
.chat-popup-desc #chat-sptcl-no span,
.half_sidee_horz:hover p,
.i-color {
  color: #000 !important;
}
.chat-popup-img-sec {
  margin: -20px auto 0;
  padding-right: 5px;
  text-align: center;
}
.chat-popup-img-sec img {
  display: inline-block;
  vertical-align: bottom;
}
.chat-request-clback img,
.chat-us-btn img {
  width: 15px;
}
.banner_estimate {
  background: #fff;
  padding: 2.5rem 0;
}
.estimate_content h3 {
  font-size: 1.75rem;
  font-weight: 600;
}
.estimate_content h4 {
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
}
.estimate_content small {
  font-size: 14px;
  color: #212529;
}
.service_heading b {
  font-size: 80px;
  opacity: 0.3;
  font-family: Raleway, sans-serif;
  font-weight: 900;
}
.service_heading h4 {
  font-size: 22px;
  font-weight: 700;
  margin-right: 2%;
  line-height: 1;
  margin-bottom: 100px;
  color: #000;
}
.service_heading h4 strong {
  color: #89c73e;
  margin-right: 1%;
  text-transform: uppercase;
  padding-top: 5px;
  display: inline-block;
  font-size: 18px;
}
.service_wrapper {
  display: flex;
  align-content: center;
  margin-top: 2rem;
  margin-bottom: 90px;
}
.budget_slider input {
  width: 100%;
  border: 1px solid #bebebe;
  height: 33px;
  border-radius: 5px;
}
.service_wrapper .service_col figure {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f1f1f1;
  padding: 5.5% 0;
  margin-bottom: 8px;
  margin-right: 20px;
  height: 165px;
  width: 140px;
  border-radius: 0.25rem;
  position: relative;
}
.service_col figure.active {
  border-color: #89c73e;
  animation-name: shakeAnim;
  animation-duration: 5s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  cursor: pointer;
}
@keyframes shakeAnim {
  0%,
  7% {
    left: 0;
  }
  1% {
    left: -3px;
  }
  2% {
    left: 5px;
  }
  3% {
    left: -8px;
  }
  4% {
    left: 8px;
  }
  5% {
    left: -5px;
  }
  6% {
    left: 3px;
  }
}
.service_wrapper .service_col figure img {
  max-width: 75px;
  transition: 0.4s linear;
}
.service_wrapper .service_col figure:hover {
  border-color: #89c73e;
}
.checkbox {
  border: 0;
  clip: rect(1px 1px 1px 1px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  box-sizing: border-box;
}
.checkbox-wrapper .label {
  position: absolute !important;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.checkbox + .label {
  cursor: pointer;
  display: inline-block;
  padding-left: 1.85rem;
  position: relative;
}
.checkbox + .label:before {
  border: 1px solid #f1f1f1;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 20px;
  border-radius: 50%;
  right: 8px;
  top: 8px;
  position: absolute;
  width: 20px;
  box-shadow: none !important;
  background-color: #fff;
}
.checkbox + .label:after {
  content: "✓";
  color: #eee;
  display: inline-block;
  right: 12px;
  position: absolute;
  top: 6px;
}
.checkbox:checked + .label:before {
  background-color: #89c73e;
  border-color: #89c73e;
}
.checkbox:checked + .label:after {
  content: "✓";
  color: #fff;
  display: inline-block;
  right: 10px;
  position: absolute;
  top: 5px;
}
.checkbox:focus + label::before {
  box-shadow: 0 0 0 2px rgba(21, 156, 228, 0.7);
}
.fill_form {
  background: #fff;
  padding: 2rem;
  box-shadow: 0 0 20px 0 rgb(79 105 212 / 14%);
}
.service-block-img-top,
.service-block-img-top figure {
  box-shadow: 0 5px 7px 0 rgb(0 0 0 / 20%),
    0 13px 24px -11px rgb(255 255 255 / 60%);
}
.select2-container {
  width: 100% !important;
}
#steps-fivepercent-slider .ui-slider-tip {
  visibility: visible;
  opacity: 1;
  top: -30px;
}
.contact-page-section li,
.contact-page-section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sec-title {
  position: relative;
  padding-bottom: 15px;
  text-align: center;
}
.sec-title .title {
  position: relative;
  color: #89c73e;
  font-size: 18px;
  font-weight: 700;
  padding-right: 50px;
  margin-bottom: 15px;
  display: inline-block;
  text-transform: capitalize;
}
.ani_btn .button-text,
.portfolio_section .portfolio_info h3 {
  text-transform: uppercase;
}
.sec-title .title:before {
  position: absolute;
  content: "";
  right: 0;
  bottom: 7px;
  width: 40px;
  height: 1px;
  background-color: #89c73e;
}
.sec-title h2 {
  position: relative;
  color: #252525;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5em;
  display: block;
}
.contact-page-section {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}
.contact-page-section .inner-container {
  position: relative;
  z-index: 1;
  background-color: #f1f4fb;
  box-shadow: 0 0 15px 5px rgb(48 74 157 / 5%);
}
.contact-page-section .form-column {
  position: relative;
  padding: 0 0 0 15px;
}
.contact-page-section .form-column .inner-column {
  position: relative;
  padding: 60px 45px 30px;
  background-color: #fff;
}
.contact-page-section .info-column .inner-column {
  position: relative;
  padding: 60px 35px;
}
.contact-page-section .info-column h2 {
  position: relative;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.4em;
  margin-bottom: 45px;
}
.contact-page-section .info-column .list-info {
  position: relative;
  margin-bottom: 60px;
}
.contact-page-section .info-column .list-info .address {
  margin: 0;
  padding: 0;
}
.contact-page-section .info-column .list-info li {
  position: relative;
  margin-bottom: 25px;
  font-size: 18px;
  color: #fff;
  line-height: 1.8em;
}
.contact-page-section .info-column .list-info li:last-child,
.icon-box-1 span p {
  margin-bottom: 0;
}
.contact-page-section .info-column .list-info li i {
  color: #fff;
  font-size: 30px;
}
.contact-page-section .contact-form .form-group {
  position: relative;
  margin-bottom: 20px;
}
.contact-page-section .contact-form input[type="email"],
.contact-page-section .contact-form input[type="text"],
.contact-page-section .contact-form textarea {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  color: #222;
  font-size: 14px;
  line-height: 38px;
  padding: 10px 15px;
  border: 1px solid #ddd;
  background-color: #fff;
  transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
}
.contact-page-section .contact-form input[type="email"]:focus,
.contact-page-section .contact-form input[type="text"]:focus,
.contact-page-section .contact-form textarea:focus {
  border-color: #00b8ca;
}
.contact-page-section .contact-form textarea {
  height: 130px;
  resize: none;
}
.contact-page-section .contact-form .theme-btn {
  font-size: 16px;
  text-transform: capitalize;
  padding: 8px 18px;
  border: 2px solid #89c73e;
  background: #89c73e;
  display: inline-block;
  position: relative;
  cursor: pointer;
  color: #fff;
  margin: auto;
}
.contact-page-section .contact-form .theme-btn:hover {
  color: #89c73e;
  border-color: #89c73e;
  background: 0 0;
}
.contact-page-section .contact-form input.error,
.contact-page-section .contact-form select.error,
.contact-page-section .contact-form textarea.error {
  border-color: red !important;
}
.contact-page-section .contact-form label.error {
  display: block;
  line-height: 24px;
  padding: 5px 0 0;
  margin: 0;
  text-transform: uppercase;
  font-size: 12px;
  color: red;
  font-weight: 500;
}
.contact-page-section .social-icon-four li {
  position: relative;
  margin-right: 18px;
  display: inline-block;
}
.contact-page-section .social-icon-four li.follow {
  color: #fff;
  font-weight: 600;
  font-size: 24px;
  display: block;
  margin-bottom: 20px;
}
.contact-page-section .social-icon-four li a {
  position: relative;
  font-size: 20px;
  color: #fff;
  -webkit-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.contact-page-section .social-icon-four li a:hover {
  color: #222;
}
.blog-home2 {
  font-family: Montserrat, sans-serif;
  color: #8d97ad;
  font-weight: 300;
}
.blog-home2 .font-weight-medium {
  font-weight: 500;
  min-height: 43px;
}
.blog-detail h3 {
  font-size: 20px;
}
.blog-detail h2,
.sticky-icons i {
  font-size: 24px;
}
.blog-home2 .subtitle {
  color: #8d97ad;
  line-height: 24px;
}
.blog-home2 .text-themecolor,
.blog-home2 a.link:hover {
  color: #316ce8;
}
.blog-home2 h5 {
  line-height: 22px;
  font-size: 18px;
}
.blog-home2 .on-hover {
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  background: #fff;
}
.blog-home2 .on-hover:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  box-shadow: 0 3.4px 2.7px -30px rgb(0 0 0 / 6%),
    0 8.2px 8.9px -30px rgb(0 0 0 / 7%), 0 25px 40px -30px rgb(0 0 0 / 20%);
}
.blog-home2 .date-pos {
  right: 10px;
  top: 10px;
}
.blog-home2 .date-pos span {
  font-size: 30px;
  line-height: 30px;
}
.blog-home2 .bg-info-gradiant {
  background: #188ef4;
  background: -webkit-linear-gradient(
    legacy-direction(to right),
    #188ef4 0,
    #316ce8 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#188ef4),
    to(#316ce8)
  );
  background: -webkit-linear-gradient(left, #188ef4 0, #316ce8 100%);
  background: -o-linear-gradient(left, #188ef4 0, #316ce8 100%);
  background: linear-gradient(to right, #188ef4 0, #316ce8 100%);
}
.client_recognise {
  position: relative;
  padding: 4rem 0 0;
}
.client_content h4 {
  font-size: 2rem;
  font-weight: 600;
}
.client_content .pc-5 {
  position: absolute;
  right: 0;
  top: 0;
}
.client_clicks .cc-1 {
  width: 400px;
  height: 370px;
  border-radius: 10px;
  position: relative;
  left: -75px;
  top: -75px;
}
.client_clicks .cc-2 {
  width: 270px;
  position: absolute;
  bottom: -40px;
  left: 140px;
  z-index: 998;
  box-shadow: 0 15px 50px #d3dce8;
  border-radius: 10px;
}
.client_clicks .cc-3 {
  position: absolute;
  bottom: 215px;
  width: 95px;
  height: 95px;
  right: 120px;
  z-index: 995;
}
.ourcertification .card {
  border: 0;
  padding: 1rem;
  text-align: center;
  width: 180px;
  height: 180px;
  margin: 10px;
  border-radius: 0.25rem;
  background: #fff;
  box-shadow: 0 0 8px -1px #e2e6ef;
}
.ourcertification .card img {
  width: 130px !important;
  height: 120px !important;
}
.bg-head img,
.client_content figure img {
  width: 120px;
}
.client_clicks .clients-box {
  position: absolute;
  left: -55px;
  bottom: 0;
  background: #fff;
  max-width: 245px;
  width: 100%;
  border-radius: 7px;
  padding: 19px 20px 15px 85px;
  box-shadow: 0 15px 50px #d3dce8;
  z-index: 995;
}
.portfolio_section .swiper-slide,
.portfolio_section .swiper-slide:nth-child(2) {
  background: linear-gradient(to right, #ec2128 0, #fff 55%) !important;
}
.client_clicks .clients-box .clients-thumb {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 50px;
  height: 50px;
  border-radius: 5px;
}
.client_clicks .clients-box .clients-thumb img {
  width: 100%;
  border-radius: 5px;
}
.client_clicks .clients-box h3 {
  display: block;
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 0;
}
.client_clicks .clients-box span {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 22px;
  font-family: Poppins, sans-serif;
  color: #727272;
  font-weight: 500;
}
.client_content .contactbox {
  display: flex;
  justify-content: space-between;
  align-content: center;
  margin-top: 15px;
  margin-left: 20px;
}
.client_content .contactbox p {
  color: #000;
}
.client_content .contactbox a {
  height: 40px;
  background: linear-gradient(45deg, #ff7157, #ff5738);
  box-shadow: 0 4px 8px #c6c7ca;
}
.header-main .menu-setting {
  width: max-content;
}
.header-main .menu-setting .query_btn {
  font-size: 14px;
  display: flex;
  align-items: center;
  color: #000;
  margin-left: 10px;
}
.modal-dialog-slideout {
  min-height: 100%;
  margin: 0 0 0 auto;
  background: #fff;
}
.modal-backdrop.fade {
  z-index: 2;
}
.modal.fade .modal-dialog.modal-dialog-slideout {
  -webkit-transform: translate(100%, 0) scale(1);
  transform: translate(100%, 0) scale(1);
}
.modal.fade.show .modal-dialog.modal-dialog-slideout {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  display: flex;
  align-items: stretch;
  -webkit-box-align: stretch;
  height: 100%;
  max-width: 450px;
  box-shadow: 0 0 6px #ccc;
}
.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}
#sidebar {
  right: -18px;
}
.contactUs {
  padding: 20px 0;
}
.New_form_sec .form-group input {
  height: 40px;
  border: 1px solid #ccc;
  padding: 13px 15px;
  border-radius: 5px;
  width: 100%;
}
.New_form_sec .form-group input:valid ~ .control-label,
.New_form_sec .form-group textarea:focus ~ .control-label,
.New_form_sec .form-group textarea:valid ~ .control-label {
  position: absolute;
  top: -10px !important;
  left: 2px;
  background: #fff !important;
  color: #737373;
  padding: 0 10px;
  border-radius: 5px;
  font-size: 14px;
}
.New_form_sec .form-group,
.New_form_sec .form-radio {
  position: relative;
  margin-top: 0;
  margin-bottom: 25px;
}
#sidebar .modal-footer,
.portfolio_section .use_techno {
  display: flex;
  justify-content: space-between;
  align-content: center;
}
.callus {
  display: flex;
  justify-content: space-between;
  align-content: center;
  width: 60%;
}
.callus a {
  color: #000;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  font-size: 14px;
}
.callus img {
  width: 20px;
}
#sidebar h5 {
  font-weight: 600;
  font-size: 15px;
  color: #000;
}
#sidebar .modal-body p {
  font-size: 14px;
  font-style: italic;
  color: #000;
}
.portfolio-nav {
  padding-top: 10px;
  padding-bottom: 10px;
  transition: 0.3s linear;
  background: #0000;
}
.portfolio_section .swiper-pagination-bullet-active {
  height: 22px !important;
  border-radius: 50px;
  transition: 0.3s ease-in-out;
}
.portfolio_section .swiper-container-vertical > .swiper-pagination-bullets {
  left: 15px;
  right: inherit;
}
.portfolio_section .swiper-pagination-bullet {
  height: 10px;
  width: 10px;
  border-radius: 10px;
}
.portfolio_section .swiper-slide {
  display: block;
  padding-top: 3rem;
  overflow: hidden;
}
.portfolio_section .swiper-slide:nth-of-type(odd) .row {
  flex-direction: row-reverse;
}
.portfolio_section .swiper-slide:nth-of-type(odd) .portfolio_info {
  padding-left: 2rem;
}
.portfolio_section .swiper-slide:nth-of-type(odd) .projects_ui {
  padding-left: 5rem;
}
.portfolio_section .swiper-slide:nth-child(3) {
  background: linear-gradient(to left, #232323 0, #fff 55%) !important;
}
.portfolio_section .swiper-slide:nth-child(4) {
  background: linear-gradient(to right, #355887 0, #fff 55%) !important;
}
.portfolio_section .swiper-slide:nth-child(5) {
  background: linear-gradient(to left, #97ca2d 0, #fff 55%) !important;
}
.portfolio_section .swiper-slide:nth-child(6) {
  background: linear-gradient(to right, #03c2b5 0, #fff 55%) !important;
}
.portfolio_section .swiper-slide:nth-child(7) {
  background: linear-gradient(to right, #d8d8d8 0, #fff 55%) !important;
}
.portfolio_section .swiper-slide:nth-child(8) {
  background: linear-gradient(to left, #6bb840 0, #fff 55%) !important;
}
.portfolio_section .swiper-slide:nth-child(9) {
  background: linear-gradient(to right, #408686 0, #fff 55%) !important;
}
.portfolio_section .portfolio_info {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  height: 100%;
  padding-left: 5rem;
}
.portfolio_section .portfolio_info p {
  font-size: 14px;
  letter-spacing: 0.9px;
}
#why-hire .row,
.portfolio_section .use_techno .ut_item {
  display: flex;
  align-items: center;
}
.ani_btn,
.portfolio_section .port_buttons .button {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.portfolio_section .use_techno .ut_item img {
  height: 30px;
  margin-right: 14px;
}
.portfolio_section .port_buttons,
.trust_curosel {
  padding: 10px;
}
.portfolio_section .port_buttons .button {
  padding: 1em 2em;
  box-shadow: 0 0 20px rgb(0 0 0 / 20%);
  font-size: 14px;
  margin-bottom: 40px;
  -webkit-appearance: none;
  appearance: none;
  background-color: #0cc;
  text-decoration: none !important;
  color: #fff !important;
  border-radius: 4px;
  z-index: 1;
  border: none;
  transition: transform 0.1s ease-in, box-shadow 0.25s ease-in;
  box-shadow: 0 2px 25px rgb(0 204 204 / 50%);
}
.ani_btn .button-text,
.ani_btn .circle,
.ani_btn .circle .icon,
.ani_btn .circle .icon.arrow {
  transition: 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}
.ani_btn {
  background: #000;
  color: rgba(255, 255, 255, 0.7);
  padding: 0.5rem 1rem;
  height: 40px;
  text-align: center;
  border-radius: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  white-space: nowrap;
  font-size: 14px;
  transition: 0.5s !important;
}
.ani_btn .fa {
  color: rgba(255, 255, 255, 0.7) !important;
}
.ani_btn span {
  margin-left: -119px;
  margin-right: 0.85rem;
  transition: margin 0.5s !important;
}
.ani_btn:hover span {
  margin-left: 0 !important;
}
.inner_page_banner {
  min-height: 400px;
  padding-top: 91px;
  background-color: #2f1b56;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: auto 100%;
  background: radial-gradient(circle, #6078dc, #5041f5, #4c3df9);
  clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0 calc(100% - 0vw));
}
.pt-0,
.servicefaq .common_faq .accordion > .card:first-child .card-header {
  padding-top: 0;
}
.servicefaq .accordion > .card .card-header i {
  float: right;
  font-size: 10px;
  margin-top: 8px;
  color: #000;
}
.servicefaq .accordion .card-header {
  background: #fff;
  color: #000;
  border: 0;
  cursor: pointer;
}
.servicefaq .accordion > .card {
  border: 0;
  box-shadow: 0 0 5px 0 rgb(0 0 0 / 7%);
  margin-bottom: 10px;
}
.coloum_text {
  color: #000;
  font-size: 24px;
  margin-bottom: 40px;
}
.coloum_text h2 {
  font-size: 24px;
  margin-bottom: 5px;
}
.coloum_text p {
  font-size: 16px;
}
.padding-top-25 {
  padding-top: 25px !important;
}
.services-section h3 {
  font-size: 17px;
  color: #000;
  margin: 0 0 8px;
  font-weight: 700;
  display: inline-block;
  width: 100%;
  line-height: 25px;
}
.why-us-pnl .wgi-icon {
  font-size: 40px;
  margin-right: 15px;
  float: left;
  color: #df2466;
}
.why-us-pnl img {
  width: 65px;
  height: 65px;
  padding: 8px;
  border: 1px solid #df2466;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  display: block;
  text-align: center;
  line-height: 75px;
  font-size: 40px;
  color: #e72e70;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  float: left;
  background-color: #fff;
}
.service-block-img-top p,
.service_items p {
  text-align: justify;
}
.why-us-pnl h3 {
  color: #df2466;
  font-size: 17px;
  font-weight: 400;
  position: relative;
  margin-top: 5px;
  font-family: Roboto, sans-serif;
}
.why-choose-sec.inner-page-why-choose h2 {
  font-family: Muli, sans-serif;
  font-weight: 400;
  font-size: 30px;
  text-transform: none;
  margin-bottom: 35px;
}
.get-suppert-sec {
  background-image: url(../images/common-get-suport-bg.html);
  background-color: #2f1b56;
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  padding: 30px 0;
}
.get-suppert-sec ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.get-suppert-sec ul li {
  float: left;
  text-transform: uppercase;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  line-height: 32px;
  text-shadow: 1px 1px 0 rgb(0 0 0 / 40%);
}
.get-suppert-sec ul li span {
  font-size: 72px;
  display: block;
  line-height: 50px;
  letter-spacing: -4px;
}
.service-block-img-top {
  padding: 2rem;
  border-radius: 0.25rem;
  margin-bottom: 20px;
  min-height: 350px;
}
.btn_slide,
.btnfill:hover {
  box-shadow: 0 2px 10px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 10%);
}
.service-block-img-top figure {
  float: right;
  padding: 10px;
  border-radius: 50%;
  height: 60px;
  width: 60px;
}
.service_banner {
     background: linear-gradient(90deg, #000000 0, #020024 0, #000000 1%, #026a5a 100%);
    width: 100%;
  );
  width: 100%;
}
.service_banner_fig {
  text-align: right;
}
.service_banner_fig img {
  max-width: 300px;
}
.btn_slide {
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  width: max-content;
  font-weight: 700;
  padding: 6px 24px;
  border: 2px solid #59be1a;
  border-radius: 2px;
  position: relative;
  color: #6eee1f;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn_slide:before {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  top: 0;
  left: 50%;
  right: 50%;
  bottom: 0;
  opacity: 0;
  content: "";
  background-color: #6eee1f;
  z-index: -2;
}
.btn_slide:hover:before {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  left: 0;
  right: 0;
  opacity: 1;
}
.btn_slide:focus:before {
  transition: 0.5s;
  left: 0;
  right: 0;
  opacity: 1;
}
.btn_slide:hover {
  color: #fff;
  background: #73ae2b;
}
.btnfill {
  border: 2px solid #ff0072;
  border-radius: 2px;
  position: relative;
  color: #fff;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #ff0072;
}
.service_section {
  background: #fcfcfc;
  padding: 2rem;
}
#what-we-do .card .card-block img,
.service_headings {
  margin-bottom: 20px;
}
.service_headings h2 {
  font-size: 24px;
  line-height: 1.5;
  font-weight: 500;
  padding: 0 0 10px 15px;
  position: relative;
}
.service_headings h2:before {
  content: "";
  position: absolute;
  left: 2px;
  top: 4px;
  height: 24px;
  width: 4px;
  background: linear-gradient(135deg, #ce9ffc, #7367f0);
  box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%),
    0 13px 24px -11px rgb(115 103 240 / 60%);
  border-radius: 6px;
}
.service_headings p {
  color: #212529;
  font-weight: 300;
}
.our_clients_flex,
.services_wrapper {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
.service_items {
  width: 30%;
  margin: 15px;
  transition: 0.4s linear;
}
.service_items i {
  font-size: 2rem;
  transition: 0.4s linear;
  color: #89c73e;
}
.service_items:hover i {
  transform: scale(1.1);
  color: #2f2f2f;
  text-shadow: -20px 0 0 rgb(243 243 243);
}
.calltoaction2 {
  height: 290px;
  border-bottom: 2px solid #ffc735;
  background-image: linear-gradient(#202020e6, #1c2024e6),
    url(../../../www.studentvisacanada.com/image/banner-inner.html);
  padding: 72px 0;
  background-size: cover;
  background-attachment: fixed;
  text-align: center;
}
.calltoaction2 h3 {
  color: #fff;
  margin-bottom: 10px;
  font-size: 34px;
  font-weight: 500;
}
.calltoaction2 p {
  color: #fff;
  margin-bottom: 0;
  font-size: 17px;
}
.calltoaction2 .btn {
  background: 0 0;
  color: #fff;
  padding: 4px 20px;
  border-radius: 50px;
  border: 2px solid #fff;
  font-size: 16px;
  margin-top: 35px;
}
.calltoaction2 .btn:hover {
  background: #fff !important;
  color: #0068c2 !important;
}
.article {
  background: radial-gradient(circle, #f1f6fd, #c1dcff, #a9c5e8);
  height: 330px;
  width: 100%;
}
.service_container {
  color: #f71;
  background: linear-gradient(to bottom, transparent 72px, #fff 73px);
  padding: 0 0 40px;
  margin: 0 10px 0 15px;
  border-radius: 0 0 0 70px;
  box-shadow: 2px 2px 7px rgb(111 111 111 / 10%);
  position: relative;
}
.service_container:before {
  content: "";
  background: linear-gradient(to right top, transparent 49%, #f71 50%);
  width: 15px;
  height: 15px;
  position: absolute;
  top: 74px;
  left: -15px;
}
.service_container .service-icon {
  color: #fff;
  background: linear-gradient(110deg, #ffa415, #f71);
  font-size: 45px;
  text-align: center;
  padding: 5px 10px;
  margin: 0 -10px 30px -15px;
  border-radius: 0 9px 20px 0;
  clip-path: polygon(5.5% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.service_container .service-icon i {
  transition: 0.3s;
}
.service_container:hover .service-icon i {
  transform: rotateX(360deg);
}
.service_container .title {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 0 10px 0 20px;
  margin: 0 0 3px;
}
.service_container .description {
  color: #444;
  font-size: 13px;
  line-height: 22px;
  margin: 0 0 15px;
  padding: 0 10px 0 20px;
  text-align: justify;
}
.service_container .read-more {
  color: #fff;
  background-color: #f71;
  font-size: 13px;
  font-weight: 500;
  padding: 4px 10px;
  margin: 0 0 0 20px;
  border-radius: 20px;
  transition: 0.3s;
}
.service_container .read-more:hover {
  background-color: #ffa415;
}
.service_container.green:before {
  background: linear-gradient(to right top, transparent 49%, #25bc99 50%);
}
.service_container.green .service-icon {
  background: linear-gradient(110deg, #77d9b0, #25bc99);
}
.service_container.green .title {
  color: #25bc99;
}
.service_container.green .read-more {
  background-color: #25bc99;
}
.service_container.green .read-more:hover {
  background-color: #77d9b0;
}
.service_container.purple:before {
  background: linear-gradient(to right top, transparent 49%, #4a37a2 50%);
}
.service_container.purple .service-icon {
  background: linear-gradient(110deg, #7e6ddb, #4a37a2);
}
.service_container.purple .title {
  color: #4a37a2;
}
.service_container.purple .read-more {
  background-color: #4a37a2;
}
.service_container.purple .read-more:hover {
  background-color: #7e6ddb;
}
.service_container.blue:before {
  background: linear-gradient(to right top, transparent 49%, #3343d6 50%);
}
.service_container.blue .service-icon {
  background: linear-gradient(110deg, #5c80ce, #3343d6);
}
.service_container.blue .title {
  color: #3343d6;
}
.service_container.blue .read-more {
  background-color: #3343d6;
}
.service_container.blue .read-more:hover {
  background-color: #5c80ce;
}
.feature_tabs,
.main_services_content-box,
.social_media_links,
section#what-we-do .section-title {
  text-align: center;
}
.social_media_links h5 {
  font-weight: 600;
}
.social_media_links .btn {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 35px;
  background-color: #fff;
  margin: 8px;
  border-radius: 50%;
  box-shadow: 0 2px 3px 0 #d4cfcf70;
  color: #3498db;
  overflow: hidden;
  position: relative;
}
.social_media_links .btn:hover i {
  transform: scale(1.3);
  color: #f1f1f1;
}
.social_media_links .btn::before {
  content: "";
  position: absolute;
  width: 120%;
  height: 120%;
  background-color: #3498db;
  transform: rotate(45deg);
  left: -110%;
  top: 90%;
}
.social_media_links .btn:hover::before {
  animation: 0.7s socialAni;
  top: -10%;
  left: -10%;
}
.social_media_links .youtube:hover::before {
  background: red;
}
.social_media_links .facebook:hover::before {
  background: #3b5999;
}
.social_media_links .instagram:hover::before {
  background: #e4405f;
}
.social_media_links .google:hover::before {
  background: #dd4b39;
}
@keyframes socialAni {
  0% {
    left: -110%;
    top: 90%;
  }
  50% {
    left: 10%;
    top: -30%;
  }
  100% {
    top: -10%;
    left: -10%;
  }
}
.office_branches {
  display: flex;
  justify-content: center;
  position: relative;
}
.office_branches .square_shape2 {
  position: absolute;
  right: 120px;
}
.office_branches .square_shape3 {
  position: absolute;
  bottom: 0;
  left: 120px;
}
.office_branches .card {
  display: inline-block;
  background-color: #fff;
  margin: 24px;
  padding: 16px;
  width: 312px;
  min-width: 288px;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  transition: 0.4s;
}
.office_branches .card:hover {
  box-shadow: none;
}
.office_branches .card:hover .card-image {
  transform: translateX(0);
  box-shadow: none;
}
.office_branches .card-image {
  width: 100%;
  height: 256px;
  border-radius: 8px;
  position: relative;
  transform: translateX(-32px);
  box-shadow: 16px 4px 24px 0 rgba(0, 0, 0, 0.2);
  transition: 0.4s;
  object-fit: cover;
}
.office_branches .card-body {
  padding: 8px;
}
.office_branches .card-title {
  font-size: 18px;
  margin: 12px 0;
  transition: 0.4s;
  font-weight: 600;
  letter-spacing: 2px;
}
.office_branches .card-content {
  font-size: 14px;
  margin-bottom: 8px;
  float: left;
}
.office_branches ul li {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}
.office_branches ul li i {
  display: block;
  float: left;
  font-size: 20px;
  color: #000;
  margin: 10px;
}
.arrow_down {
  position: absolute;
  bottom: 60px;
  left: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font: 400 20px/1 "Josefin Sans", sans-serif;
  letter-spacing: 0.1em;
  text-decoration: none;
  transition: opacity 0.3s;
  padding-top: 60px;
  z-index: 999;
  display: none;
}
.arrow_down span {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 46px;
  height: 46px;
  border: 1px solid #0000;
  background: #0000;
  border-radius: 100%;
  box-sizing: border-box;
}
.arrow_down span::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: "";
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 0 #f1f4fb;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: 3s infinite sdb03;
  animation: 3s infinite sdb03;
  box-sizing: border-box;
}
.arrow_down span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #7e6ef1;
  border-bottom: 1px solid #7e6ef1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
@-webkit-keyframes sdb03 {
  0%,
  100% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(0, 0, 0, 0.3);
    opacity: 0;
  }
}
@keyframes sdb03 {
  0%,
  100% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(0, 0, 0, 0.3);
    opacity: 0;
  }
}
.slider_skip_btns {
  position: absolute;
  right: -30px;
  z-index: 999;
  top: 130px;
  transform: rotate(90deg);
}
.project_static {
  position: relative;
  padding: 20px 0;
}
.project_static .project_counter {
  bottom: 0;
}
.benefits_coloum {
  padding: 30px;
  width: 100%;
  background: #fff;
}
.benefits_coloum .bg-primary,
.benefits_coloum .bg-white {
  padding: 25px;
}
.benefits_coloum ul {
  margin-left: 25px;
}
.benefits_coloum ul li,
.card-body ol li {
  list-style-type: square !important;
  color: #000;
}
.techno_process {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 40px 0 60px;
  background: #0c5adb;
}
.techno_process h3 {
  font-size: 1.3333333333rem;
  color: #fff;
  margin-bottom: 10px;
  font-weight: 400;
}
.techno_process h2 {
  font-size: 1.5rem;
  color: #fff;
  font-weight: 600;
}
.techno_process .single-work-process {
  text-align: center;
  cursor: pointer;
}
.techno_process .work-process-icon {
  text-align: center;
  width: 90px;
  height: 90px;
  line-height: 90px;
  border: 1px solid #0981d8;
  border-radius: 50%;
  background-color: #0e49d652;
  margin: 30px auto 20px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: relative;
}
.techno_process .work-process-icon:before {
  position: absolute;
  content: "";
  top: 50%;
  right: -100%;
  width: 100%;
  height: 1px;
  background-color: #02cfd1;
  opacity: 0.5;
}
.techno_process .elementor img {
  height: auto;
  max-width: 100%;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.techno_process .single-work-process h4 {
  color: #7897e6;
  margin-bottom: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  font-size: 1.3333333333rem;
  font-weight: 700;
}
.techno_process .work-process-icon:after {
  content: "";
  position: absolute;
  right: -100%;
  width: 10px;
  height: 10px;
  border-top: 1px solid #02cfd1;
  border-right: 1px solid #02cfd1;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.techno_process .single-work-process:hover .work-process-icon {
  border-color: #02d1d1;
  background-color: #1040d2;
  -webkit-box-shadow: 0 5px 15px 0 rgb(0 0 0 / 10%);
  box-shadow: 0 5px 15px 0 rgb(0 0 0 / 10%);
}
.ourcertification2 .card {
  background: #fff;
  width: 9.5rem;
  height: 9.5rem;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  overflow: hidden;
  margin: 0 auto 10px;
  border: 0;
  -webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}
.ourcertification2 .card img {
  width: 150px;
}
.rewarding_card .card {
  padding: 20px;
  border: 0;
  box-shadow: 0 4px 7px rgb(210 210 210 / 24%);
  margin-bottom: 5px;
}
.rewarding_card .media {
  justify-content: space-between;
  align-items: center !important;
}
.rewarding_card img {
  width: auto !important;
  float: left;
}
.rewarding_card .card h5 {
  font-size: 18px;
  float: left;
}
.rewarding_card .card p {
  font-size: 12px;
  color: #000;
  text-align: justify;
}
.our_clients_wrapper .our_clients_item {
  width: 18%;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 4px -1px #e6e5e5;
  border-radius: 4px;
  text-align: center;
  margin: 10px;
  z-index: 1;
  position: relative;
  background: #fff;
  cursor: pointer;
  transition: 0.3s;
}
.our_clients_wrapper .our_clients_item:hover img {
  box-shadow: 0 0 0 #000;
  transform: translateY(-4px);
}
.our_clients_wrapper .our_clients_item:after,
.our_clients_wrapper .our_clients_item:before {
  content: "";
  width: 100%;
  height: 104%;
  background: #89c73e;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
  transform: translateY(-50%) scaleX(0.3);
  transition: 0.3s;
  display: none;
}
.our_clients_wrapper .our_clients_item img {
  border-radius: 10px;
  transition: 0.3s;
  position: relative;
  z-index: 0;
}
.our_clients_wrapper .our_clients_item .team-content {
  width: 100%;
  padding: 10px 0 0;
  background: #89c73e;
  position: absolute;
  bottom: 50px;
  left: 50%;
  opacity: 0;
  transform: translateX(-50%);
}
.first .fade:not(.show),
.pack_bg {
  opacity: 1;
}
.our_clients_wrapper .our_clients_item:after {
  width: 106%;
  left: 50%;
  transform: translate(-50%, -50%) scaleY(0.25);
}
.our_clients_wrapper .elementor-clearfix:after {
  content: "";
  display: block;
  clear: both;
  width: 0;
  height: 0;
}
.our_clients_wrapper .our_clients_item:hover:before {
  transform: translateY(-50%) scaleX(0.7);
}
.our_clients_wrapper .our_clients_item:hover .team-content {
  bottom: 15%;
  opacity: 1;
  color: #fff;
  display: none;
}
.our_clients_wrapper .our_clients_item:hover:after {
  transform: translate(-50%, -50%) scaleY(0.7);
}
.our_clients_wrapper .our_clients_item .team-content h3 {
  margin-bottom: 0;
  font-size: 15px;
  text-transform: uppercase;
}
.our_clients_wrapper .our_clients_item .team-content span {
  font-size: 14px;
  text-transform: capitalize;
}
.pg-top {
  margin-top: -50px;
  position: relative;
}
.white-btn {
  background: #fff;
  color: #222;
}
.btn-theme {
  text-shadow: 0 1px 2px rgb(0 0 0 / 40%);
  min-width: 120px;
  font-size: 13px;
  text-align: center;
  display: inline-block;
  margin-bottom: 20px;
  border: 0;
  border-radius: 60px;
  padding: 10px 20px;
  letter-spacing: 1px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none !important;
  transition: 0.2s linear;
  position: relative;
}
.white-btn:after {
  border: 1px solid #fff;
}
.btn-theme:after {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border-radius: 110px;
}
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}
section .section-title {
  margin-bottom: 22px;
}
#what-we-do .text-muted {
  color: #3b3b3b !important;
  font-size: 16px;
  padding: 0 17%;
  line-height: 25px;
  font-weight: 400;
}
#what-we-do {
  background: #fff;
  padding: 60px 0;
}
#what-we-do .card {
  padding: 1rem !important;
  border: none;
  margin-bottom: 1rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  text-align: center;
}
#what-we-do .card:hover {
  -webkit-box-shadow: 2px 3px 13px -7px rgb(158 158 158);
  -moz-box-shadow: 2px 3px 13px -7px rgb(158 158 158);
  box-shadow: 2px 3px 13px -7px rgb(158 158 158);
}
#what-we-do .card .card-title {
  margin-bottom: 0.75rem;
  font-size: 19px;
  color: #414141;
}
#what-we-do .card .card-text {
  margin-bottom: 0;
  color: #3d3d3d;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
}
#what-we-do .card .card-block a {
  color: #007b5e !important;
  font-weight: 700;
  text-decoration: none;
}
#what-we-do .card:hover .card-block a i {
  display: inline-block;
  font-weight: 700;
}
#what-we-do .card .card-block:before {
  font-size: 39px;
  color: #60c74a;
  left: 0;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
#what-we-do .card .block-1:before {
  background: url(briefcase.html);
}
#what-we-do .card .block-2:before,
#what-we-do .card .block-3:before,
#what-we-do .card .block-4:before,
#what-we-do .card .block-5:before,
#what-we-do .card .block-6:before {
  content: "";
}
#what-we-do .card:hover .card-block:before {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.process-left:after,
.process-right:after {
  content: "";
  border-bottom: 15px solid #fff;
  border-left: 15px solid #fff;
  display: inline-grid;
  position: absolute;
  top: 42%;
  transform: rotate(45deg);
  z-index: 1;
}
.process-step:after,
.process-step:before {
  border-bottom: 8px solid #3b6fa9;
  display: inline-grid;
  content: "";
}
#advantage-wrap {
  background: #fff;
  padding-bottom: 60px;
}
.bg-white-shadow {
  background: #fff;
  -webkit-box-shadow: 0 10px 40px rgb(0 0 0 / 8%);
  box-shadow: 0 10px 40px rgb(0 0 0 / 8%);
}
.advantage-img-wrapper {
  background: #959595;
  display: block;
  height: 100%;
}
.advantage_text {
  padding: 25px 10px 25px 40px;
}
.advantage_text p {
  font-size: 16px;
  line-height: 25px;
  color: #666;
}
.advantage_text ul li {
  font-size: 16px;
  font-weight: 400;
  color: #434343;
  margin-bottom: 4px;
}
.advantage_text li span,
.hire-text ul li span {
  color: #89c73e;
  padding-right: 5px;
}
.dev-process {
  padding: 0 0 30px;
}
.process-box {
  background: #fff;
  padding: 10px;
  border-radius: 15px;
  position: relative;
  box-shadow: 2px 2px 7px 0 #00000057;
}
.process-left:after {
  border-top: 15px solid #fff;
  border-right: 15px solid #fff;
  right: -15px;
  box-shadow: 3px -2px 3px 0 #00000036;
}
.process-right:after {
  border-top: 15px solid #ffffff00;
  border-right: 15px solid #ffffff00;
  left: -15px;
  box-shadow: -1px 1px 3px 0 #0000001a;
}
.process-point-left:before,
.process-point-right:before {
  width: 11px;
  background: #5c5c5c;
  position: relative;
  top: 19px;
  content: "";
  display: inline-grid;
}
.process-step {
  background: #3b6fa9;
  text-align: center;
  width: 80%;
  margin: 0 auto;
  color: #fff;
  height: 100%;
  padding-top: 65px;
  position: relative;
  top: -26px;
  border-radius: 0 0 10px 10px;
  box-shadow: -6px 8px 0 0 #00000014;
}
.process-point-left,
.process-point-right {
  background: #fff;
  width: 25px;
  height: 25px;
  box-shadow: 0 0 0 4px #5c5c5c;
  margin: auto 0;
  position: absolute;
}
.process-point-right {
  border-radius: 50%;
  border: 8px solid #89c73e;
  bottom: 87px;
  left: -114px;
}
.process-point-right:before {
  height: 180px;
}
.process-point-left {
  border-radius: 50%;
  border: 8px solid #89c73e;
  bottom: 91px;
  right: -132px;
}
.process-line-l,
.process-line-r {
  height: 4px;
  width: 136px;
  z-index: 9;
  display: none;
  background: #fff;
}
.process-point-left:before {
  height: 188px;
  left: -1px;
}
.step-4 .process-point-left {
  bottom: 64px;
}
.step-6 .process-point-left {
  bottom: 68px;
}
.step-5 .process-point-right {
  bottom: 115px;
}
.step-5 .process-point-right:before {
  content: "";
  height: 199px;
}
.process-text p {
  z-index: 9;
  line-height: 20px;
  margin-bottom: 5px;
  color: #474747;
}
.process-step p {
  font-size: 21px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 5px;
}
.process-step h2 {
  font-size: 39px;
  color: #fff;
  font-weight: 600;
}
.hire-text p,
.hire-text ul li,
.why-hite-text p {
  font-size: 16px;
  font-weight: 400;
}
.process-step:after {
  border-top: 8px solid #04889800;
  border-left: 8px solid #04889800;
  border-right: 8px solid #3b6fa9;
  position: absolute;
  left: -16px;
  top: 0;
}
.process-step:before {
  border-top: 8px solid #ff000000;
  border-left: 8px solid #3b6fa9;
  border-right: 8px solid #ff000000;
  position: absolute;
  right: -16px;
  top: 0;
}
.process-line-l {
  position: absolute;
  right: -153px;
  top: 64px;
}
.process-line-r {
  position: absolute;
  left: -153px;
  top: 63px;
}
#hire-php-ind {
  background: #fcfcfc;
  padding: 45px 0;
}
.hire-text h3,
.why-hite-text h3 {
  margin-bottom: 15px;
}
.hire-text p {
  color: #202020 !important;
  line-height: 25px;
}
.hire-text ul {
  margin: 30px 0 20px;
}
.hire-text ul li {
  color: #202020;
  margin-bottom: 8px;
}
#why-hire {
  padding: 45px 0 60px;
  background: #fff;
}
.why-hite-text {
  padding-left: 80px;
}
.why-hite-text p {
  color: #3d3d3d !important;
  line-height: 25px;
}
.page-header {
  margin: 0;
  padding-bottom: 0;
  border: none;
  background-color: #030303;
}
.featured-image,
.uae_form_bottom {
  padding: 50px;
}
.page-header .heading h1 {
  padding: 0 10px;
  font-size: 36px;
  color: #fff;
  text-align: center;
  margin: 0 0 0 3px;
}
.page-header .bread-cumb-inner {
  float: right;
  margin: 5px 0 0;
}
.page-header .bread-cumb-inner .breadcrumb {
  background: 0 0 !important;
  margin-right: 2px;
  padding: 8px 15px;
  margin-bottom: 0 !important;
  list-style: none;
  border-radius: 0 !important;
}
.page-header .bread-cumb-inner .breadcrumb li,
.page-header .bread-cumb-inner .breadcrumb li a {
  text-decoration: none;
  font-size: 16px;
  color: #fff;
}
.breadcrumb > li {
  display: inline-block;
}
.our-career .heading h1 {
  font-size: 30px;
  color: #222;
  text-align: center;
  line-height: 28px;
  padding-bottom: 20px;
  text-transform: uppercase;
}
.our-career .heading p {
  font-size: 16px;
  color: #9b9ea8;
  line-height: 28px;
  text-align: center;
  padding-bottom: 20px;
}
.our-career .content-inner,
.our-career .job-description {
  padding-bottom: 40px;
}
.our-career .content-inner .career-inner-first a.link {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: 0 0;
}
.our-career .content-inner .career-inner-first .content-heading h2 {
  color: #222;
  font-size: 18px;
  line-height: 28px;
  margin: 0;
  padding-bottom: 20px;
}
.our-career .content-inner .career-inner-first .icon-box {
  color: #2685f9;
  text-align: center;
}
.flaticon-idea:before {
  content: "\f102";
}
[class*=" flaticon-"]:after,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class^="flaticon-"]:before {
  font-family: Flaticon;
  font-style: normal;
}
.our-career .content-inner .career-inner-first .content-description p,
.our-career .job-description .job-heading p,
.our-career .responsibilities .heading-response p {
  font-size: 16px;
  color: #9b9ea8;
  line-height: 28px;
  padding-bottom: 10px;
}
.our-career .heading h1.in {
  font-size: 24px;
  color: #222;
  text-align: justify;
  line-height: 28px;
  padding-bottom: 20px;
  text-transform: none;
}
.main_heading_packages h1,
.opportunity .inner-section h2,
.opportunity .inner-section h6 .btn-1,
.our-career .responsibilities .btn a,
.package-tab-box h3,
.portfolio_section .portfolio_info h3,
.why-us h2 {
  text-transform: uppercase;
  text-transform: uppercase;
}
.our-career .open-position .details-inner {
  padding: 25px;
  border: 2px solid #f7faff;
  background: #ffffffd1;
}
.our-career .details-inner .content-inner {
  padding-bottom: 50px;
}
.our-career .open-position .details-inner p {
  font-size: 16px;
  color: #304a9d;
  line-height: 25px;
}
.our-career .open-position .details-inner h2 {
  color: #222;
  font-size: 18px;
  line-height: 25px;
  margin: 0;
}
.our-career .open-position .details-inner h6 {
  font-size: 16px;
  color: #9b9ea8;
  line-height: 25px;
}
.our-career .open-position .description-more {
  padding-top: 20px;
  border-top: 2px solid #c7c7c7;
}
.our-career .open-position .description-more span a {
  font-size: 16px;
  color: #222;
  text-decoration: none;
  line-height: 25px;
  cursor: pointer;
}
.our-career .job-description .job-table ul {
  padding: 20px 40px;
  background: #181a1d;
}
span.box-icons i {
  color: #88c73e;
}
.our-career .job-description .job-table li {
  font-size: 16px;
  color: #abaebe;
  line-height: 36px;
  display: inline-block;
  width: 50%;
}
.our-career .job-description .job-table li span {
  font-size: 16px;
  color: #88c73e;
}
.our-career .responsibilities .heading-response h2 {
  color: #222;
  font-size: 18px;
  line-height: 25px;
  margin: 0;
  padding-bottom: 20px;
}
.our-career .responsibilities .btn,
.techno-list,
.uae_form_bottom form,
.uae_form_bottom h3 {
  margin-top: 20px;
}
.our-career .responsibilities .btn a {
  font-size: 15px !important;
  text-align: center;
  display: inline-block;
  position: relative;
  will-change: transform;
  overflow: hidden;
  border-radius: 60px;
  background: linear-gradient(45deg, #424442, #0e0f14);
  color: #fff !important;
  padding: 8px 30px;
  border: 0;
}
.our-career .responsibilities .btn a:hover {
  background: #89c73e;
}
.opportunity .package-one {
  background: #026a5a;
  padding: 80px 0;
}
.opportunity .package-two {
  background: #1f7df0;
  padding: 80px 0;
}
.opportunity .inner-section h2 {
  font-size: 30px;
  color: #fff;
  line-height: 28px;
  text-align: center;
  padding-bottom: 10px;
}
.opportunity .inner-section p {
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  color: #fff;
}
.opportunity .inner-section p span {
  color: #f8e510;
}
.opportunity .inner-section h6 {
  text-align: center;
  padding-top: 30px;
}
.opportunity .inner-section h6 .btn-1 {
  font-size: 15px;
  color: #fff;
  padding: 15px 40px;
  border-radius: 50px;
  background: #17181c;
  text-decoration: none;
}
.main_packages:hover a.btn.btn-price-read-more,
.opportunity .inner-section h6 .btn-1:hover {
  background: #88c73e;
}
#page-content {
  padding: 80px 0 0;
}
.our-career .open-position .row.in {
  padding-bottom: 30px;
}
.our-career .open-position .details-inner:hover {
  box-shadow: -1px 2px 12px 6px rgb(247 250 255);
}
.opportunity {
  background: linear-gradient(to right, #026a5a, #026a5a);
}
.modal-body form#applyForm label {
  font-weight: 500;
  color: #010101;
  margin-bottom: 0;
}
div#myModal .modal-footer button.btn {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.why-us h2 {
  font-size: 30px;
  color: #222;
  line-height: 28px;
  padding-bottom: 20px;
}
.our-career .content-inner .career-inner-first {
  padding: 25px 30px 30px;
  text-align: center;
}
.our-career .heading h1 span {
  line-height: 1.5;
  display: inline-block;
  border-bottom: 4px solid #89c73e;
}
.row.reason-us a.services {
  min-height: 190px;
}
.main_heading_packages {
  width: 100%;
  float: left;
  text-align: center;
  background: #f3f3f3;
  padding: 2pc 0 1pc;
}
.main_heading_packages h1 {
  font-family: poppins;
  font-weight: 700;
  margin: 0;
  font-size: 32px;
  text-align: center;
}
section.packages_nw {
  width: 100%;
  padding: 3pc 0;
}
.main_packages {
  width: 100%;
  float: left;
  padding: 20px;
  border: 1px solid #172b43;
  border-radius: 10px;
  transition: 0.4s ease-out;
  position: relative;
  display: grid;
}
.package-tab-box img.package-icon {
  display: inline-block;
  margin-bottom: 10px;
  position: absolute;
  top: -43px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff0;
  width: 88px;
}
.package-price-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-evenly;
  margin-bottom: 10px;
}
.package-tab-box h4 {
  font-size: 19px;
  margin: 15px 0;
  font-weight: 600;
  color: #172b43;
  position: relative;
}
.package-price-box h4 strong {
  font-size: 36px;
  line-height: 1;
  font-weight: 700;
  color: #172b43;
  text-align: center;
  margin-bottom: 0;
}
.package-price-box h4 small {
  font-size: 11px;
  line-height: 1.2;
  font-weight: 700;
  color: #2e3030;
  margin-bottom: 0;
  position: absolute;
  right: 14%;
  bottom: -15px;
  font-family: poppins;
}
.start_today {
  transform: translateX(47%);
  margin-bottom: 10px;
  margin-top: 10px;
  position: inherit;
}
ul.price-package-list {
  list-style: none;
  padding: 30px 0 0;
  margin: 0;
  border-top: 2px solid #eee;
  font-family: poppins;
}
ul.price-package-list li {
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
  color: #2e3030;
  text-align: left;
  margin-bottom: 10px;
  padding-left: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
ul.price-package-list li span {
  width: 75%;
  text-align: left;
  word-break: break-word;
  margin-bottom: 0.5rem;
  font-size: 13px;
}
ul.price-package-list li label {
  width: 25%;
  text-align: right;
  font-weight: 700;
  color: #172b43;
  cursor: pointer;
}
.package-tab-box h3 {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-top: 35px;
  padding: 10px;
  font-family: poppins;
  text-align: center;
  height: 3pc;
  max-height: 100%;
}
.main_packages:hover .package-tab-box .package-price-box + h3,
.package-tab-box .price-package-list + h3 {
  background: #304a9d;
  color: #fff;
}
.main_packages:hover {
  background: #172b43;
  color: #fff !important;
}
a.btn-price-read-more {
  display: inline-block;
  font-size: 15px;
  text-transform: capitalize;
  color: #fff !important;
  text-align: center;
  text-decoration: none;
  background-color: #172b43;
  border-radius: 23px;
  font-weight: 600;
  width: 100%;
  max-width: 55%;
  bottom: -20px;
  padding: 10px 0;
}
a.btn.btn-price-read-more {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 68%;
  margin: auto;
}
a.btn.btn-price-read-more.start_today {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 68%;
}
.tab_packages {
  width: 100%;
  float: left;
  text-align: center;
  padding: 1.5pc 0;
}
.row.package-head h1,
.row.package-head p {
  width: 100%;
  margin-bottom: 20px;
}
.tab_packages ul.nav.nav-tabs {
  float: none;
  margin: 0 auto;
  text-align: center;
  width: 97%;
  background: #172b43;
  padding: 20px;
  border-radius: 106px;
  font-family: poppins;
  font-weight: 400;
  font-size: 14px;
}
.tab_packages ul.nav.nav-tabs li {
  float: none;
  display: inline-block;
  margin: 0;
}
.tab_packages ul.nav.nav-tabs li a.active.show {
  background: #fff !important;
  color: #172b43 !important;
  border-radius: 100px !important;
  width: unset !important;
  border: none !important;
}
section.packages_nw.margin-top-100 {
  padding-top: 340px !important;
}
.tab_packages .nav-tabs > li > a {
  background: 0 0;
  padding: 10px 48px;
  width: unset !important;
  color: #fff;
  font-weight: 600;
}
.portfolio_section,
.portfolio_section #home-slider,
.portfolio_section .swiper-slide,
.portfolio_section .swiper-wrapper {
  height: 100% !important;
}
.page-wrap {
  width: 100%;
  height: 100vh;
  display: block;
  justify-content: center;
  align-items: center;
  background: 0 0;
}
.portfolio_section .use_techno .ut_item {
  display: flex;
  align-items: center;
  display: flex;
  align-items: center;
}
.container.h-100.container-background {
  background: #89c73e;
  padding: 30px 40px;
  border-radius: 40px 40px 40px 0;
  background: linear-gradient(to right, #ccc 0, #fff 55%);
}
.portfolio_section .use_techno {
  display: flex !important;
  justify-content: flex-start;
  align-content: center;
  margin: 10px 0;
}
.portfolio_section .portfolio_info h3 {
  color: #000;
  margin-top: 0;
  font-size: 18px;
  letter-spacing: 2px;
  font-weight: 600;
}
.portfolio_section .portfolio_info h4 {
  margin-top: 0;
  font-size: 70px;
  font-weight: 900;
  color: #03172f;
  font-family: fantasy;
}
.portfolio_section .use_techno .ut_item {
  text-decoration: none;
  display: flex;
  align-items: center;
  width: 138px !important;
  background-color: #fff;
  border: #d1d1d1;
  box-shadow: 0 0 20px rgb(0 0 0 / 20%);
  border-radius: 4px;
  padding: 12px 10px;
  position: relative;
  z-index: 0;
  color: #222;
  font-size: 14px;
  font-weight: 600;
  margin-right: 20px;
}
.portal .col-md-8.text-right .use_techno {
  justify-content: flex-end !important;
}
img.img-fluid.mini-logo {
  width: 150px;
  position: absolute;
  top: 60px;
  left: -30px;
}
img.img-fluid.mini-logo1 {
  width: 120px;
  position: absolute;
  top: 60px;
  right: 8px;
}
.service_banner {
  padding: 84px 0 50px;
}
.main_banner {
  position: relative;
  width: 100%;
  height: 600px;
  display: flex;
  background-image: url(../assets/img/ban.html);
}
.counter-column figure {
  float: left;
  width: 50px;
  margin-top: 5px;
  margin-right: 20px;
  padding: 6px;
}
@media (max-width: 720px) {
  .why-us {
    margin-top: 40px;
  }
  .header-main .logo img {
    max-width: 70px;
  }
  .main_packages {
    width: 100%;
    float: left;
    padding: 20px;
    border: 1px solid #172b43;
    border-radius: 10px;
    transition: 0.4s ease-out;
    position: relative;
    margin-bottom: 90px;
  }
  a.btn.btn-price-read-more.start_today {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 68%;
    margin-bottom: 10px !important;
  }
  .tab_packages ul.nav.nav-tabs li {
    float: none;
    display: inline-block;
    margin: 20px auto;
  }
  section.packages_nw.margin-top-100 {
    padding-top: 663px !important;
  }
  .portfolio_section .use_techno .ut_item img {
    height: 25px;
    margin-right: 10px;
  }
  .portfolio_section .use_techno {
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .ut_item {
    margin: 10px 0;
  }
  .portfolio_section .port_buttons {
    text-align: center !important;
  }
  img.img-fluid.mini-logo {
    width: 80px;
    position: absolute;
    top: 42px;
    right: -186px;
  }
  img.img-fluid.mini-logo1 {
    width: 80px;
    position: absolute;
    top: 42px;
    right: 96px;
  }
}
@media (max-width: 575px) {
  a.btn.btn-price-read-more.start_today {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 68%;
  }
}
.feature_tabs .active,
.project-cat:hover {
  color: #fff;
  background-color: #253b58;
}
.project-cat {
  border: 1px solid rgba(15, 15, 16, 0.5);
  color: #253b58;
  padding: 8px 24px;
  font-weight: 500;
  font-size: 12px;
  margin: 6px;
  display: inline-block;
  background: 0 0;
}
.custom-select,
.custom-select select option {
  background-color: #253b58;
  color: #fff;
}
.feature_tabs > ul > li:first-child {
  margin-right: 6px;
  margin-bottom: 6px;
}
.feature_tabs > ul > li {
  list-style: none;
  display: inline-block;
}
.custom-select {
  font-weight: 500;
  width: 100%;
  position: relative;
  height: 47px;
}
.custom-select .icon {
  position: absolute;
  top: 9px;
  left: 12px;
}
.custom-select select {
  background: 0 0;
  border: none;
  padding: 6px 26px 0 22px;
  -webkit-appearance: none;
  width: 100%;
  position: relative;
  z-index: 1;
  color: #fff;
}
.custom-select i {
  position: absolute;
  top: 16px;
}
.custom-select .arrow-icon {
  position: absolute;
  right: 5px;
  fill: #fff;
  top: 10px;
}
.web-img {
  max-height: 330px;
}
.portfolio_section .container-background .web-img {
  float: right;
}
.app-download {
  padding: 0 !important;
}
.ut_item.app-download img {
  width: 143px;
  height: 54px !important;
}
img.img-fluid.birthday-image {
  height: 200px;
  width: 100%;
}
.carousel-icons i {
  color: #304a9d !important;
  font-size: 52px;
}
.carousel-item.main-height {
  height: 450px;
}
.carousel-item.main-height img {
  height: 100%;
  object-fit: cover;
}
section.culture-section h4:after {
  content: "";
  width: 66px;
  height: 3px;
  background: #89c73e;
  position: absolute;
  bottom: 0;
  left: 16px;
}
.header-main .logo {
  color: #fff;
}
.banner_background {
  background: #1a4265;
  background: linear-gradient(
    90deg,
    #1a4265 0,
    rgba(18, 51, 80, 0.9976365546218487) 100%
  );
}
@media (min-width: 920px) and (max-width: 1024px) {
  .header-main .main-menu > li > a {
    color: #333;
    padding: 4px 5px !important;
  }
  .header-main .main-menu > li a {
    display: block;
    font-size: 12px;
  }
  .header-main .logo {
    color: #fff;
    font-size: 2rem;
  }
  @media screen and (min-width: 800px) {
    .header-main .logo {
      width: auto !important;
    }
  }
  .header-main .logo img {
    max-width: 120px !important;
  }
  .page-wrap {
    width: 100%;
    height: auto;
    display: block;
    justify-content: center;
    align-items: center;
    background: 0 0;
  }
  .social-icon li a {
    border: 1px solid #fff;
    width: 32px !important;
    height: 32px !important;
    border-radius: 100%;
    padding: 0;
    text-align: center;
    margin: 0 auto;
    display: block;
    line-height: 35px;
    color: #fff;
    transition: 0.3s;
    font-size: 16px;
  }
  .main_banner {
    position: relative;
    width: 100%;
    height: 45vh;
    display: flex;
    background: #f1f4fb;
  }
}
@media (min-width: 740px) and (max-width: 769px) {
  .header-main .main-menu > li > a {
    color: #333;
    padding: 4px !important;
  }
  .header-main .main-menu > li a {
    display: block;
    font-size: 11px;
  }
  .header-main .menu-setting .getestimate_btn {
    padding: 8px 4px !important;
    margin-top: 6px;
    margin-bottom: 6px;
    color: #fff;
    font-size: 11px;
    background: linear-gradient(135deg, #ce9ffc, #7367f0);
    box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%),
      0 13px 24px -11px rgb(115 103 240 / 60%);
    border-radius: 6px;
  }
  .header-main .menu-setting .query_btn {
    font-size: 12px;
    display: flex;
    align-items: center;
    color: #000;
    margin-left: 0;
  }
  .header-main .menu-setting ul li {
    margin-right: 4px;
  }
  .menu-setting img {
    width: 14px;
  }
  .header-main .logo {
    color: #fff;
    font-size: 1rem;
  }
  .main_banner {
    display: flex;
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    background: #f1f4fb;
    padding-bottom: 30px;
    padding-top: 50px;
    margin: 0;
  }
  section.main_banner .row.align-items-center.h-100 {
    height: auto !important;
  }
  .main_banner .banner-image img {
    width: 100% !important;
  }
  .calltoaction2 .btn {
    background: 0 0;
    color: #fff;
    padding: 4px 20px;
    border-radius: 50px;
    border: 2px solid #fff;
    font-size: 16px;
    margin-top: 0;
  }
  section#sectiondown {
    margin-top: 0;
  }
  .project_counter {
    bottom: -137px;
    z-index: 998;
    width: 94%;
  }
  .our-services {
    background: #fff;
    padding: 0;
  }
  .main_packages {
    width: 100%;
    float: left;
    padding: 20px;
    border: 1px solid #172b43;
    border-radius: 10px;
    transition: 0.4s ease-out;
    position: relative;
    margin-top: 100px;
  }
  .project_counter h4 {
    color: #000;
    margin: 8px 0 2px;
    font-size: 18px;
  }
  .project_counter h5 {
    text-transform: capitalize;
    position: relative;
    font-size: 12px;
  }
  .calltoaction2 {
    padding: 0 10px;
    height: 110px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.sites_rating a h5:hover,
.uae_form form label {
  color: #1d3ca1;
  font-weight: 700;
}
@media (max-width: 720px) {
  .main_banner {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    background: #f1f4fb;
    margin-bottom: 0;
    padding: 50px 0;
  }
  .main_banner .banner-image img {
    width: 100% !important;
  }
  .project_counter {
    bottom: -230px;
    z-index: 998;
    width: 94%;
  }
  section#sectiondown {
    margin-top: 120px;
  }
  .calltoaction2 .btn {
    background: 0 0;
    color: #fff;
    padding: 4px 20px;
    border-radius: 50px;
    border: 2px solid #fff;
    font-size: 16px;
    margin-top: 4px;
  }
  .calltoaction2 {
    padding: 8px 10px !important;
    height: 111px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .project_counter h4 {
    color: #000;
    margin: 8px 0 2px;
    font-size: 16px;
  }
  .section_title {
    margin-top: 30px;
  }
  .service_banner img {
    max-width: 300px !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0 !important;
  }
  section.dev-process .row {
    margin-bottom: 40px;
  }
  .main_packages {
    width: 100%;
    float: left;
    padding: 20px;
    border: 1px solid #172b43;
    border-radius: 10px;
    transition: 0.4s ease-out;
    position: relative;
    margin: 50px 0;
  }
}
.websites_logo .owl-next,
.websites_logo .owl-prev {
  top: 35%;
  font-size: 34px !important;
  background: #89c73e !important;
  padding: 15px !important;
}
@media (min-width: 280px) and (max-width: 360px) {
  .project_counter h5 {
    text-transform: capitalize;
    position: relative;
    font-size: 10px;
  }
}
.landing_form {
  padding: 30px 0;
  background: #fafafa;
  padding-bottom: 3rem !important;
}
.uae_form {
  background-color: #fff;
  padding: 30px 20px;
  border-radius: 12px;
}
.uae_form input,
.uae_form textarea {
  background: #ccc !important;
  color: #000;
}
#spin,
.rating_stars i {
  color: #89c73e;
}
.uae_form form label {
  display: block;
}
.sites_rating {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sites_rating img {
  border-radius: 12px;
  height: 100px;
}
.ratings {
  margin-top: 20px;
  position: absolute;
  padding: 0 10px;
  right: 6%;
  left: 2%;
}
.sites_rating h5 {
  margin-top: 10px;
  font-size: 14px;
}
.trust_review_line {
  text-align: center;
  font-size: 23px;
}
.trust_curosel h4 {
  font-weight: 700;
}
.trust_curosel span {
  font-weight: 700;
  color: #89c73e;
}
.trust_review {
  margin: 70px 0;
}
.trust_review .test8 {
  margin: 50px 0;
}
.websites_logo .owl-prev {
  position: absolute;
  left: -60px;
}
.websites_logo .owl-next:hover,
.websites_logo .owl-prev:hover {
  background-color: transparent !important;
  border: none !important;
  color: #ccc !important;
}
.websites_logo .owl-next {
  position: absolute;
  right: -60px;
}
.main_services_icon-box:after,
.main_services_icon-box:before {
  top: 0;
  border-bottom: 19px solid #f6f9fe;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  content: "";
  position: absolute;
}
.trust_review_line span {
  font-size: 30px;
  color: #2f2f2f;
  font-weight: 700;
  margin: 0 5px;
}
.websites_benefits {
  margin: 80px 0;
  padding: 50px 0;
}
.benefits_points {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px;
  background: #fff;
  margin: 10px 0;
  border-radius: 9px;
}
.benefits_points h4 {
  margin: 20px 0;
  font-size: 20px;
  font-weight: 700;
}
.benefits_points p {
  text-align: justify;
  font-size: 14px;
}
.features_points h4,
.float {
  text-align: center;
  color: #fff;
}
.features_points {
  background: #2f2f2f;
  color: #fff;
  padding: 25px 20px;
  border-radius: 8px;
  margin: 20px 0;
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100px;
}
.features_points h4 {
  font-size: 20px;
}
.float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #25d366;
  border-radius: 50px;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}
.my-float {
  margin-top: 16px;
}
.iti,
.owl-carousel .owl-nav.disabled {
  display: block !important;
}
#spin {
  margin-left: 15px;
}
#spin:after {
  content: "";
  animation: 6s linear infinite spin;
}
@keyframes spin {
  0%,
  10%,
  20%,
  30%,
  40%,
  50% {
    content: "Agency";
  }
  60%,
  70%,
  80%,
  90% {
    content: "Company";
  }
}
.main_services {
  padding: 20px 3.3% 32px;
}
.main_services_icon-box {
  background: #f6f9fe;
  box-shadow: 0 4px 18px rgb(90 138 235 / 34%);
  border-radius: 0 0 60px 60px;
  width: 200px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  margin: -19px 0 25px;
}
.main_services_icon-box:before {
  left: -10px;
}
.main_services_icon-box:after {
  right: -10px;
}
.main_services_list {
  margin: 20px 10px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.main_services li {
  font-size: 15px;
  font-weight: 800;
  padding-bottom: 8px;
}
.project_counter1 {
  background: 0 0;
  color: #000;
  box-shadow: 0 0 6px 0 #eee;
  transition: 0.4s linear;
  position: relative;
  left: 48%;
  transform: translateX(-50%);
  bottom: 0;
  width: 100%;
  border-radius: 0.25rem !important;
  border: 1px solid #fff;
}
.project_counter1 .counter-column:before {
  content: "";
  position: absolute;
  background: #eff0f4;
  top: 8px;
  right: 0;
  height: 60px;
  width: 1px;
  display: inline-block;
}
.project_counter1 .counter-column {
  padding: 10px;
  background: 0 0;
  position: relative;
}
.project_counter1 .counter-column figure {
  float: left;
  width: 40px;
  margin-top: 5px;
  margin-right: 10px;
  background-color: transparent;
  padding: 6px;
}
.project_counter1 .counter-column h6 {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.sticky-icons {
  position: fixed;
  right: 0;
  top: 200px;
  box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%),
    0 13px 24px -11px rgb(115 103 240 / 60%);
  z-index: 9999;
  border-radius: 6px;
}
.sticky-icons li {
  padding: 10px 14px;
}
.sticky-icons li:hover {
  margin-left: -10px;
}
.list1 {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.list_2,
.service_ {
  display: flex;
  flex-direction: column;
}
.list1 h4 {
  color: #fff;
  font-size: 19px;
  margin-left: 20px;
}
.list_2 {
  align-items: center;
  justify-content: center;
}
.form-text-box {
  position: relative;
  text-align: left;
  padding: 0 0 30px;
}
.icon-box-1 {
  display: flex;
  align-items: flex-start;
  padding: 30px 30px 10px;
  height: 100%;
}
.form-text-box1:before {
  content: "";
  width: 2px;
  height: 71%;
  background-color: #fff;
  position: absolute;
  top: 68px;
  left: 44px;
}
.form-text-box > p {
  font-size: 20px;
  background-color: #fff;
  min-width: 30px;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--main-red);
  font-weight: 900;
  margin-right: 20px;
  position: relative;
  outline: 5px solid var(--main-red);
}
.form-text-box h5 {
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 1.25rem;
}
.features {
  background: #2f2f2f;
  padding: 30px 10px;
}
.contact_form_img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.landing_features1 {
  background: #2f2f2f;
  padding: 0;
  border-radius: 14px;
}
.flup-client-list img {
  border-radius: 8px;
  width: 350px !important;
  height: 400px;
}
button.owl-next:focus,
button.owl-prev:focus {
  outline: 0 !important;
}
.why-point p {
  margin-top: 0 !important;
  margin-bottom: 15px;
}
.section_title h5 {
  color: #89c73e !important;
}
.why-point h5 {
  color: #2d4a8a !important;
}
.service_ {
  justify-content: center;
  align-items: center;
  background: #fff;
  padding: 10px 20px;
}
.how_content,
.servce_menu {
  flex-direction: column;
  display: flex;
}
.tech-list {
  background: #fafafa;
  padding: 50px 0;
}
.border-style:after {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  left: 100%;
  transform: translate(-50%, -50%) rotate(45deg);
  top: 100%;
  background: rgb(255 255 255 / 1);
  border-radius: 2px;
}
.servce_menu {
  justify-content: center;
  align-items: center;
  padding: 20px 0;
}
.servce_menu h5 {
  margin-top: 20px;
  color: #1d3ca1;
  font-weight: 700;
}
.techno-points h3 {
  font-size: 40px;
  color: #fff;
  font-weight: bolder;
}
.techno-points h5 {
  margin-top: 20px;
  background: linear-gradient(to right, #fff 50%, transparent);
  width: fit-content;
  padding: 8px 20px 8px 12px;
  font-weight: 700;
  color: #1d3ca1;
}
ul.techno-list li {
  color: #fff;
  font-size: 20px;
  margin-top: 10px;
  margin-left: 23px;
}
ul.techno-list li:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #89c73e;
  display: inline-block;
  position: absolute;
  left: 48px;
  margin-top: 10px;
}
.techno_buttons a {
  background: #89c73e;
  padding: 5px 20px;
  margin-right: 1em;
  color: #fff !important;
  border-radius: 25px;
  font-size: 16px;
}
.techno_buttons a:hover {
  background: #1d3ca1;
}
.how-it-works {
  padding: 75px 0;
}
.how_content {
  background: #fff;
  padding: 10px 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.how_sections {
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.how_content a {
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  padding: 5px 12px;
  margin-top: 0.5em;
  display: inline-block;
  border-radius: 6px;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .techno {
    padding-right: 15px !important;
  }
  .testimo .owl-next,
  .testimo .owl-prev,
  .websites_logo .owl-next,
  .websites_logo .owl-prev {
    display: none !important;
  }
  .trust_review_line span {
    font-size: 18px;
    color: #2f2f2f;
    font-weight: 700;
    margin: 0 5px;
  }
  .sites_rating h5 {
    font-size: 16px;
  }
  .ratings {
    display: none;
  }
}
ul.breadcrumbabc {
  padding: 10px 0 15px;
  list-style: none;
  background-color: transparent;
  position: absolute;
  top: 78px;
}
ul.breadcrumbabc li {
  display: inline;
  font-size: 15px;
  color: #fff;
}
ul.breadcrumbabc li + li:before {
  padding: 8px;
  color: #fff;
  content: "»\00a0";
}
ul.breadcrumbabc li a {
  color: #fff;
  text-decoration: none;
}
.cele_section1,
.word_press_sec_1 {
  padding: 70px 0;
}
.main_img_bottom,
.men_top,
.side_top_img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.men_top img {
  width: 250px;
}
.side_top_img img {
  width: 250px;
  height: 192px;
}
.main_img_bottom img {
  width: 536px;
}
.word_press_text span {
  font-size: 14px;
  font-weight: 600;
  color: #89c73e;
  position: relative;
}
.word_press_text span::after {
  content: "";
  width: 25px;
  height: 2px;
  background-color: #89c73e;
  top: 44%;
  left: 112%;
  position: absolute;
}
.word_press_text h2 {
  font-size: 36px;
  line-height: 46px;
  font-weight: 800;
  color: #050748;
  margin-bottom: 20px;
  text-transform: capitalize;
}
.word_press_text p {
  text-align: justify;
  color: #606060;
  font-size: 16px;
  line-height: 24px;
}
.word_press_sec_2 h2,
.word_press_sec_3 h2 {
  line-height: 46px;
  margin-bottom: 20px;
  text-transform: capitalize;
}
.word_press_sec_2 {
  background-color: #f5f5f5;
  padding: 70px 0;
}
.btn-cele_top:hover,
.press_img::before,
.press_text {
  background-color: #fff;
}
.word_press_sec_2 h2 {
  font-size: 40px;
  font-weight: 800;
  color: #050748;
}
.word_new_card {
  padding: 16px;
  background: #fff;
  height: calc(100% - 20px);
  margin: 0 0 20px;
  box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
}
.press_text h4 {
  color: #032e42;
  font-size: 21px;
  font-weight: 700;
  padding: 30px 0 10px;
  position: relative;
}
.bot_icon_press {
  position: absolute;
  right: 8%;
  bottom: -11%;
}
.bot_icon_press img {
  width: 50px;
}
.press_img::before {
  position: absolute;
  content: "";
  width: 70px;
  height: 70px;
  border-radius: 100%;
  bottom: -13%;
  right: 5%;
}
.press_text p {
  color: #676767;
  font-size: 15px;
  text-align: justify;
}
.word_press_sec_3 {
  background-image: url(img/halfbg.html);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 60px;
}
.half_img {
  display: flex;
  justify-content: center;
}
.half_img img {
  padding: 40px 0;
  width: 450px;
  height: 450px;
}
.word_press_sec_3 h2 {
  font-size: 40px;
  font-weight: 800;
  color: #fff !important;
  padding-top: 70px;
}
.half_img_icon img {
  width: 45px;
}
.half_sidee_horz h4 {
  color: #fff;
  font-size: 21px;
  font-weight: 700;
}
.half_box_text p {
  color: #f8f3f3;
  font-size: 14px;
  text-align: justify;
  padding-top: 8px;
}
.half_sidee_horz {
  border: 1px solid #606060;
  padding: 10px 30px;
  border-radius: 10px;
  margin-bottom: 10px;
}
.half_sidee_horz:hover h4 {
  color: #032e42;
}
.half_img img,
.main_img_bottom img {
  -webkit-animation: 1s infinite alternate mover;
  animation: 2s infinite alternate mover;
}
@-webkit-keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-35px);
  }
}
@keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-35px);
  }
}
@media (min-width: 300px) and (max-width: 767px) {
  .side_top_img img {
    height: 126px;
  }
  .main_img_bottom img {
    padding-top: 30px;
  }
  .word_press_text h2 {
    line-height: 42px;
  }
  .half_sidee_horz h4 {
    font-size: 18px !important;
  }
}
.pack_bg {
  background: url(image/slider-bg.html) center center/cover no-repeat;
  width: 100%;
  height: 100%;
  visibility: inherit;
}
.bg-banner {
  background-size: cover;
  min-height: 80vh !important;
  display: flex;
  padding-top: 100px;
}
.bg-head {
  display: flex;
  align-items: baseline;
}
.bg-head h1 {
  font-size: 80px;
  font-weight: 800;
  text-transform: uppercase;
}
.btn-cele_top {
  line-height: 14px;
  margin: 40px 0 0;
  padding: 15px 30px;
  letter-spacing: 0;
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 3px;
}
.btn-cele_top a {
  text-decoration: none;
  color: #fd226a;
  font-weight: 600;
  font-size: 18px;
}
.btn-cele_top:hover a {
  color: #222;
  text-decoration: none;
}
.cele_sec_text h2 {
  font-size: 48px;
  line-height: 50px;
  margin-bottom: 15px;
  padding-top: 40px;
  color: #232323;
}
.cele_sec_text p {
  position: relative;
  color: #828c96;
}
.cele_sec_text p::after {
  position: absolute;
  width: -webkit-fill-available;
  height: 1px;
  background-color: #828c96;
  bottom: -18%;
  left: 0;
  content: "";
}
.bg-cover {
  background-size: cover !important;
  min-height: 300px !important;
  display: flex;
  align-items: center;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-position: unset !important;
  position: relative;
}
.about-bg {
  background: url("image/bg-page.html");
}
.project_banner_text {
  width: 720px;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  background: rgb(49 75 157 / 70%);
  padding: 50px 15px;
  text-align: center;
  border-radius: 10px 10px 0;
}
.modal1 {
  display: none;
  position: fixed;
  z-index: 999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
}
.modal-content1 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}
.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.culture-section {
  padding: 60px 0;
}
.cele_top_contents num {
  color: #fd226a;
  font-weight: 700;
  font-size: 55px;
  margin-bottom: 10px;
}
.cele_top_contents h2 {
  font-size: 48px;
  line-height: 50px;
  margin-bottom: 5px;
  color: #14081f;
  text-transform: capitalize;
}
.featured_imagebox {
  margin-bottom: 20px;
  position: relative;
}
.featured_thumbnail img {
  max-width: 100%;
  height: auto;
}
.featured_contents {
  margin: -32px 48px 0;
  text-align: center;
  position: relative;
  z-index: 5;
  color: #533931;
  background-color: #fff;
  padding: 16px 25px 11px;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 7%);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.featured_title {
  transition: 0.3s ease-in-out;
  text-align: center;
}
.featured_title p {
  line-height: 30px;
  color: #232323;
  text-transform: capitalize;
  font-size: 22px;
}
.featured_title h5 {
  font-size: 16px;
  line-height: 23px;
  text-transform: capitalize;
  font-weight: 600;
}
.featured_title h5 a {
  text-decoration: none;
  color: #232323;
}
.home-demo {
  padding: 30px 0;
}
.cele_gallery_birth_day,
.cele_gallery_christ,
.cele_gallery_diwali,
.cele_gallery_holi,
.cele_gallery_ind_day,
.cele_gallery_newyear {
  padding: 60px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.owl-carousel .item {
  padding: 15px;
  position: relative;
  z-index: 100;
  -webkit-backface-visibility: hidden;
}
.featured_title num {
  color: #199e04;
  font-size: 14px;
}
.cele_gallery_newyear {
  background-image: url(image/new_bg_year.html);
}
.cele_gallery_birth_day h4,
.cele_gallery_christ h4,
.cele_gallery_diwali h4,
.cele_gallery_holi h4,
.cele_gallery_ind_day h4,
.cele_gallery_newyear h4 {
  font-weight: 700;
  color: #262626;
  text-transform: uppercase;
  font-size: 45px;
  line-height: 40px;
}
.birth_day_top img,
.christ_top img,
.diwali_top img,
.holi_top img,
.ind_day_top img,
.newyear_top img {
  width: 100px;
  padding-bottom: 50px;
}
.cele_gallery_ind_day .gallery_ind_day img,
.cele_gallery_newyear .gallery_new_year img,
.gallery_birth_day img,
.gallery_christ img,
.gallery_diwali img,
.gallery_holi img {
  padding: 15px;
}
.cele_gallery_holi {
  background-image: url(image/holi_image.html);
}
.cele_gallery_ind_day {
  background-image: url(image/ind_day_img.html);
}
.cele_gallery_diwali {
  background-image: url(image/diwali_bg.html);
}
.cele_gallery_birth_day {
  background-image: url(image/birthday_bg.html);
}
.cele_gallery_christ {
  background-image: url(image/christmas_bg.html);
}
.carousel-wrap {
  width: 100%;
  position: relative;
}
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}
.owl-nav i {
  font-size: 52px;
}
.owl-nav .owl-prev {
  left: -30px;
}
.owl-nav .owl-next {
  right: -30px;
}
.topbar a {
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.8);
  transition: 0.2s;
}
@media only screen and (max-width: 600px) {
  .banner-img {
    display: none;
  }
}


.text-accent {
    color: #fff000 !important;
}

h1.fw-bolder.text-accent {
 
color: #ffffff !important;
}


.service-block-five .inner-box h4 {
    position: relative;
    font-weight: 700;
    line-height: 25px !important;
}



li.list-inline-item {
    color: white !important;
}
p.mb-0.text-white-50 {
    color: white !important;
}
a.text-white-50 {
    color: white !important;
}
h5.text-white-50 {
    color: white !important;
}

a.btn.btn-hero-link {
    color: white !important;
}

.text-green, .title-about span, ul.breadcrumbabc li a:hover {
    color: #026a5a !important;
}


h1.entry-title {
    text-transform: uppercase;
    font-family: 'Roboto', cursive;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    color: white;
}

.portfolio-card {
    padding-bottom: 20px;
}