/*
 Theme Name:   WP Sigma Child
 Theme URI:    http://themeforest.net/user/CMSSuperHeroes/portfolio
 Description:  In 2014, Creating a magazine website with WordPress has never been easier.
 Author:       Cmssuperheroes Team
 Author URI:   http://cmssuperheroes.com/
 Template:     wp-sigma
 Version:      1.0.0
 Tags:         black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
 Text Domain:  wp-sigma-child
*/

/*
-------------------------------------------------------------- */

/*GLOBAL*/

/*Typography*/
:root {
  --hColor: #453378;
  --pColor: #666666;
  --hffam: 'Montserrat', sans-serif;
  --pffam: 'Didact Gothic', sans-serif;
}

h3 {
  font-family: var(--hffam) !important;
  font-weight: 300 !important;
}

h3.page_header_text span,
h3 span {
  letter-spacing: 0 !important;
}

.p50 {
  font-size: 50px;
  line-height: 45px;
  font-weight: 300;
  font-family: var(--hffam);
  letter-spacing: 1px;
  color: #fff;
  text-transform: uppercase;
}

.p50 strong {
  font-weight: 700;
}

.p30 {
  font-size: 30px;
  line-height: 38px;
  font-weight: 300;
  font-family: var(--hffam);
  color: #fff;
  text-transform: uppercase;
}

.p30 strong {
  font-weight: 700;
}

.p24-white,
.p24-white p {
  font-size: 24px !important;
  line-height: 24px !important;
  font-weight: 400;
  color: #fff !important;
  font-family: var(--pffam) !important;
  letter-spacing: 0 !important;
}

.h26 {
  font-size: 26px !important;
  line-height: 28px !important;
  font-weight: 500;
  color: #453378 !important;
  font-family: var(--hffam) !important;
  letter-spacing: 0 !important;
}

.h32,
.h32 a,
.h32 h1,
.h32 h2,
.h32 h3,
.h32 h4,
.h32 h5,
.h32 h6 {
  font-size: 32px !important;
  line-height: 36px !important;
  font-weight: 800 !important;
  /* color: #453378 !important; */
  color: #0c437b !important;
  font-family: var(--hffam) !important;
  letter-spacing: 1.5px !important;
}

.h32 a:hover {
  color: #453378 !important;
}

.h18 {
  font-size: 18px !important;
  line-height: 24px !important;
  font-weight: 600;
  color: #666666 !important;
  font-family: var(--hffam) !important;
  letter-spacing: 0 !important;
}

.p18 {
  font-size: 18px !important;
  line-height: 24px !important;
  font-weight: 400;
  color: #666666 !important;
  font-family: var(--pffam) !important;
  letter-spacing: 0 !important;
}

.p18 ul {
  list-style: disc;
  padding-left: 20px;
}

.h22,
.h22 a,
.h22 h1,
.h22 h2,
.h22 h3,
.h22 h4,
.h22 h5,
.h22 h6 {
  font-size: 22px !important;
  line-height: 24px !important;
  font-weight: 800 !important;
  /* color: #453378 !important; */
  color: #0c437b !important;
  font-family: var(--hffam) !important;
  letter-spacing: 0 !important;
}

.h22 a:hover {
  /* color: #453378 !important; */
  color: #0c437b !important;
}

.h21,
.h21 p,
.h21 a {
  font-size: 21px !important;
}

.h84,
.h84 h1,
.h84 h2,
.h84 h3,
.h84 h4,
.h84 h5,
.h84 h6 {
  font-size: 84px !important;
  line-height: 90px !important;
  font-weight: 800 !important;
  /* color: #453378 !important; */
  color: #0c437b !important;
  font-family: var(--hffam) !important;
  letter-spacing: 0 !important;
}

.h30,
.h30 h1,
.h30 h2,
.h30 h3,
.h30 h4,
.h30 h5,
.h30 h6 {
  font-size: 30px !important;
  line-height: 36px !important;
  font-weight: 500 !important;
  /* color: #453378 !important; */
  color: #0c437b !important;
  font-family: var(--hffam) !important;
  letter-spacing: 0 !important;
}

.p16c {
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 500 !important;
  /* color: #453378 !important; */
  color: #0c437b !important;
  font-family: var(--hffam) !important;
  letter-spacing: 0 !important;
}

.p16 {
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 400 !important;
  color: #666666 !important;
  font-family: var(--pffam) !important;
  letter-spacing: 0 !important;
}

.p24 {
  font-size: 24px !important;
  line-height: 30px !important;
  font-weight: 400 !important;
  /* color: #453378 !important; */
  color: #0c437b !important;
  font-family: var(--pffam) !important;
}

.t-white,
.t-white .material-icons,
.t-white a {
  color: #fff !important;
}

.t-blue {
  color: #5783a5 !important;
}

.t-purple,
.p18 h5 {
  color: #695b96 !important;
}

.p18 h5 {
  margin: 0 0 0px !important;
}

.t-center {
  text-align: center !important;
}

.light-weight {
  font-weight: 300 !important;
}

/*SVG*/
.svg200 svg {
  width: 200px !important;
}

/*img.svg28 {
  width: 28px !important;
  position: relative;
  top: 25px;
}*/

.svg32 img {
  width: 32px !important;
}

/*Current Page Active Submenus*/

#cshero-header-navigation
  .main-navigation
  .menu-main-menu
  > ul
  > li.current-page-ancestor
  > a
  .menu-title:before,
#cshero-header-navigation
  .main-navigation
  .menu-main-menu
  > li.current-page-ancestor
  > a
  .menu-title:before,
#cshero-header-navigation
  .main-navigation
  .menu-main-menu
  > ul
  > li.current-page-ancestor
  > a
  .menu-title:before,
#cshero-header-navigation
  .main-navigation
  .menu-main-menu
  > li.current-page-ancestor
  > a
  .menu-title:before,
#cshero-header-navigation
  .main-navigation
  .menu-main-menu
  > ul
  > li:hover
  > a
  .menu-title:before,
#cshero-header-navigation
  .main-navigation
  .menu-main-menu
  > li:hover
  > a
  .menu-title:before {
  opacity: 1;
}

#cshero-header-navigation
  .main-navigation
  .menu-main-menu
  > ul
  > li
  > a
  .menu-title:before,
#cshero-header-navigation
  .main-navigation
  .menu-main-menu
  > li
  > a
  .menu-title:before {
  background-color: #05c6bd !important;
  bottom: -24px;
  content: '';
  height: 11px;
  left: 50%;
  opacity: 0;
  position: absolute;
  -webkit-transform: translate(-50%, 0px);
  -khtml-transform: translate(-50%, 0px);
  -moz-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  -o-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
  width: 11px;
  -webkit-transition: all 300ms linear 0ms;
  -moz-transition: all 300ms linear 0ms;
  -ms-transition: all 300ms linear 0ms;
  transition: all 300ms linear 0ms;
}

/*Backgrounds*/

/*left to right*/
.banner-grad {
  background-image: linear-gradient(
    to right,
    rgba(70, 49, 119, 0.2),
    rgba(20, 177, 170, 0.2)
  ) !important;
}
/*left to right with opacity*/
.main-projects-grad,
.services-digital-grad {
  background-image: linear-gradient(
    to right,
    rgba(70, 49, 119, 0.1),
    rgba(20, 177, 170, 0.1)
  ) !important;
}
/*bottom-left to top-right*/
.services-in-grad,
.featured-projects-grad {
  background-image: linear-gradient(
    to right top,
    rgb(70, 49, 119),
    rgb(20, 177, 170)
  ) !important;
}

.forms-grad,
.about_grad {
  background-image: linear-gradient(
    to right top,
    rgba(70, 49, 119, 1),
    rgba(20, 177, 170, 1)
  ) !important;
}

.contact_career_box {
  background-image: linear-gradient(
    to right,
    rgba(70, 49, 119, 0.1),
    rgba(20, 177, 170, 0.1)
  ) !important;
}

.material-icons,
#cs_social_widget-5 a,
#contact_details a {
  color: #0c437b !important;
}

/*Buttons*/
.grad-btn-r,
.grad-btn-r
  button.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey {
  text-align: right;
}
.grad-btn-l {
  text-align: left;
}
.grad-btn a,
.grad-btn
  button.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey,
.grad-btn input[type='submit'] {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #fff !important;
  font-family: var(--hffam) !important;
  background-image: linear-gradient(to right, #463177, #14b1aa) !important;
  border-radius: 25px !important;
  outline: none !important;
  border: none !important;
  padding: 16px 28px !important;
  letter-spacing: 2px !important;
}
.btn-white a,
.btn-white
  button.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #fff !important;
  font-family: var(--hffam) !important;
  background-color: transparent !important;
  border-radius: 25px !important;
  outline: none !important;
  border: 2px solid #fff !important;
  padding: 16px 28px !important;
  letter-spacing: 2px !important;
}
/*
.btn-white a:hover {
  border: 2px solid #fff !important;
  padding: 17px 29px !important;
  font-size: 17px !important;
}

.btn-white
  button.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey:hover {
  padding: 17px 29px !important;
  font-size: 17px !important;
}*/

#contact-us_banner .my-btn a {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #fff !important;
  font-family: var(--hffam) !important;
  background-image: linear-gradient(to right, #463177, #14b1aa) !important;
  border-radius: 25px !important;
  outline: none !important;
  border: none !important;
  padding: 18px 28px !important;
  letter-spacing: 2px !important;
}

#contact-us_banner .my-btn {
  text-align: left;
}

/*Buttons Hover*/
.grad-btn a:hover,
.grad-btn
  button.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey:hover,
.grad-btn input[type='submit']:hover,
#contact-us_banner .my-btn a:hover {
  background-image: linear-gradient(to right, #14b1aa, #463177) !important;
}

/*TOP BAR*/
.top-bar-wf {
  display: none;
  background-color: #0a345f !important;
  border-bottom: 1px solid #ffffff20;
  height: 35px;
  text-align: left;
}
.top-bar-wf span {
  font-size: 14px;
  line-height: 35px;
  font-weight: 300;
  font-family: var(--hffam);
  letter-spacing: 1px;
  color: #fff !important;
  text-transform: uppercase;
  padding: 0 45px;
}
.top-bar-wf span a {
  font-size: 14px;
  line-height: 35px;
  font-weight: 300;
  font-family: var(--hffam);
  letter-spacing: 1px;
  color: #fff !important;
  text-transform: uppercase;
}

/*HEADER*/

/*Main Menu*/
/*Dropdown*/
ul.standar-dropdown.standard.autodrop_submenu.sub-menu {
  background-color: #0a345f !important;
  padding-left: 10px !important;
}
#cshero-header-navigation .main-navigation li ul:not(.wg-menu-item) {
  border-top: 2px solid #0c437b !important;
}

ul.standar-dropdown.standard.autodrop_submenu.sub-menu li a {
  font-size: 14px !important;
}

#cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a,
#cshero-header-navigation .main-navigation .menu-main-menu > li > a {
  font-size: 19px !important;
  font-family: var(--pffam) !important;
  text-transform: lowercase !important;
}

/*Header col resize to fit the original size of logo*/
@media (min-width: 993px) {
  #cshero-header-inner
    #cshero-header-navigation.col-xs-12.col-sm-6.col-md-9.col-lg-9,
  #cshero-header-inner
    #cshero-header-navigation.scroll-mobile.col-xs-12.col-sm-6.col-md-9.col-lg-9 {
    width: 68% !important;
  }

  div#cshero-header-logo {
    width: 32% !important;
  }
}

/*Sticky Logo Fix*/
@media only screen and (min-width: 992px) {
  .header-fixed .page_main_logo {
    display: none !important;
  }

  div.cshero-main-header:not(.header-fixed) .page_sticky_logo {
    display: none !important;
  }

  div.cshero-main-header:not(.header-fixed) .page_main_logo {
    display: block !important;
  }

  /*Dropdown Menu*/
  #cshero-header-navigation .main-navigation li ul li a:before {
    top: 53% !important;
    height: 9px !important;
    width: 9px !important;
    background-color: #05c6bd !important;
  }

  #cshero-header-navigation .main-navigation li ul li a:hover {
    color: #fff !important;
  }

  #cshero-header-navigation .main-navigation li ul li.current_page_item a {
    color: #fff !important;
  }

  #cshero-header-navigation
    .main-navigation
    li
    ul
    li.current_page_item
    a:before {
    background-color: #05c6bd !important;
    content: '';
    height: 9px;
    left: -18px;
    position: absolute;
    top: 53%;
    transform: translate(0px, -50%);
    width: 9px;
    opacity: 1;
    filter: alpha(opacity=1);
  }
}

/*Page Header*/
#content .wpb_row.row-background-fixed {
  background-attachment: inherit !important;
}

/*SVG Titles*/
.pageTitle {
  width: 100% !important;
  height: 70px !important;
  max-width: 100%;
}
.pageTitle svg {
  position: relative;
  top: 3.5px !important;
}

/*PAGES*/
/*Main Page*/
#main_title .p18 {
  padding: 0 2.5%;
}
/*Main Projects*/
#main_projects .h84 {
  margin-top: 20px;
  margin-bottom: 40px;
  text-align: center;
}
.owl-theme .owl-dots {
  margin-top: 50px;
  margin-bottom: 20px;
}

#main_featured_project_image {
  position: relative;
  top: 70px;
}

/*Main Process*/
.process_text_right {
  left: -18%;
}

.process_text_left {
  right: -18%;
}

.process_svg_right {
  right: -20px;
}

/*.three_cicle_svg_process svg {
  margin-top: -5%;
}*/
.three_cicle_svg_process {
  position: relative;
  right: 13px;
  margin-bottom: 3.5%;
}

div#final_process_svg_mobile {
  display: none;
}

/*Main Clients*/
#main_clients .h32 {
  text-align: center !important;
}

/*Contact Banner*/
div#contact-us_banner {
  margin-top: 15px;
  margin-bottom: 15px !important;
}

#contact-us_banner .text {
  font-size: 28px;
  line-height: 60px;
  font-weight: 300;
  font-family: var(--hffam);
  letter-spacing: 1px;
  /* color: #453378; */
  color: #0c437b;
  text-transform: uppercase;
}

/*Projects Page*/

.project-text-left {
  padding-left: 15% !important;
  padding-top: 4% !important;
  padding-right: 3% !important;
}

.project-text-right {
  padding-right: 15% !important;
  padding-top: 4% !important;
  padding-left: 3% !important;
}

/*Services Page*/
/*Arrow btn*/
.service-arrow-btn img {
  margin-top: 20px;
}

/*Contact Page*/
.contact_career_box {
  margin-top: -22% !important;
}

.contact_career_box .h22 {
  font-weight: 300 !important;
  font-size: 32px !important;
}

.contact_career_box .grad-btn {
  margin: 10% 0;
}

.material-icons {
  color: #634fbb;
}

div#contact_social a:hover {
  color: #634fbb !important;
}

#contact_social .fa {
  font: normal normal normal 34px/1 FontAwesome;
}

#contact_details i.material-icons {
  position: relative;
  top: 4px;
  right: 5px;
  font-size: 27px !important;
}

/*Contact Form*/
.tooltip .tooltip-inner {
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; /* BACKGROUND GRADIENT */
  background-color: #634fbb !important;
  font-size: 13px;
  font-style: italic;
  line-height: normal;
  padding: 13px 10px;
  opacity: 1;
  filter: alpha(opacity=1);
  font-family: var(--hffam) !important;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #634fbb !important;
}

textarea {
  resize: none;
}

.wpcf7-form .wpcf7-text,
.wpcf7-form .wpcf7-textarea,
.wpcf7-form select {
  border-radius: 2px;
}

.wpcf7-form .wpcf7-text:focus,
.wpcf7-form .wpcf7-textarea:focus,
.wpcf7-form select:focus {
  border: 1px solid transparent !important;
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(to right, rgba(70, 49, 119, 1), rgba(20, 177, 170, 1))
      border-box;
}

.wpcf7-form .wpcf7-text,
.wpcf7-form .wpcf7-textarea,
.wpcf7-form select {
  font-style: normal !important;
}

.service-form
  input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.contact_firstName,
.service-form
  input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.contact_lastName,
.service-form
  input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email.contact_email,
.service-form
  input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-required.wpcf7-validates-as-tel.contact_phone {
  height: 45px !important;
}

.service-form
  textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.contact_message {
  height: 150px !important;
}

/*Services In Pages*/
.left_alone_box {
  z-index: 999;
}

#service_in_detailed {
  margin-top: -35px !important;
}

.services_in_l_box div.vc_column-inner {
  padding: 40px 110px 80px 50px;
}

.services_in_l_box {
  position: relative;
  top: 45px;
}

.services_in_r_box {
  right: 100px;
}

.services_in_r_box div.vc_column-inner {
  padding: 0px 25px 40px 40px;
}

.services_in_r_box svg {
  position: relative;
  margin-bottom: -65px !important;
  width: 300px;
  margin-top: -200px;
}
.services_in_r_box .fake_svg img {
  position: relative;
  margin-bottom: -65px !important;
  margin-top: -200px;
}

/*Service Form*/

.wpcf7-form .wpcf7-text,
.wpcf7-form .wpcf7-textarea,
.wpcf7-form select {
  background-color: #fff !important;
}

.service-form-details .p18 {
  padding: 20px 0 0 75px;
}

.service-form-details .material-icons {
  position: relative;
  top: 5px;
  padding-right: 3px;
}

/*Error*/
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors,
.wpcf7-not-valid-tip.wpcf7-validation-errors {
  background-color: red !important;
  color: #fff !important;
  border-radius: 20px !important;
}
/*Success*/
div.wpcf7-mail-sent-ok {
  border: 2px solid #398f14;
  background-color: #398f14 !important;
  color: #fff !important;
  border-radius: 20px !important;
}

/*Numbers*/
.number1::after,
.number2::after,
.number3::after,
.number4::after,
.number5::after,
.number6::after,
.number7::after,
.number8::after,
.number9::after,
.number10::after,
.number11::after,
.number12::after,
.number13::after,
.number14::after,
.number15::after,
.number16::after,
.number17::after,
.number18::after,
.number19::after,
.number20::after,
.number21::after,
.number22::after,
.number23::after,
.number24::after,
.number25::after {
  content: '';
  color: #695b96;
  opacity: 0.1;
  position: absolute;
  display: block;
  z-index: -1;
  width: 100%;
  margin: 0 auto;
  font-size: 390px;
  font-weight: 600;
  font-family: var(--hffam);
}

.number1::after {
  content: '01' !important;
}

.number2::after {
  content: '02' !important;
}

.number3::after {
  content: '03' !important;
}

.number4::after {
  content: '04' !important;
}

.number5::after {
  content: '05' !important;
}

.number6::after {
  content: '06' !important;
}

.number7::after {
  content: '07' !important;
}

.number8::after {
  content: '08' !important;
}

.number9::after {
  content: '09' !important;
}

.number10::after {
  content: '10' !important;
}

.number11::after {
  content: '11' !important;
}

.number12::after {
  content: '12' !important;
}

.number13::after {
  content: '13' !important;
}

.number14::after {
  content: '14' !important;
}

.number15::after {
  content: '15' !important;
}

.number16::after {
  content: '16' !important;
}

.number17::after {
  content: '17' !important;
}

.number18::after {
  content: '18' !important;
}

.number19::after {
  content: '19' !important;
}

.number20::after {
  content: '20' !important;
}

.number21::after {
  content: '21' !important;
}

.number22::after {
  content: '22' !important;
}

.number23::after {
  content: '23' !important;
}

.number24::after {
  content: '24' !important;
}

.number25::after {
  content: '25' !important;
}

/*Careers Page*/
body
  .vc_tta-container
  .vc_tta-accordion
  .vc_tta-panels
  .vc_tta-panel
  .vc_tta-panel-heading
  .vc_tta-panel-title
  a,
body
  .vc_tta-container
  .vc_tta-accordion
  .vc_tta-panels
  .vc_tta-panel.vc_active
  .vc_tta-panel-title
  a {
  background-color: #fff !important;
}

body
  .vc_tta-container
  .vc_tta-accordion
  .vc_tta-panels
  .vc_tta-panel
  .vc_tta-panel-heading
  .vc_tta-panel-title
  a
  .vc_tta-controls-icon:before,
.wpb-js-composer
  .vc_tta-color-grey.vc_tta-style-modern
  .vc_tta-panel
  .vc_tta-panel-title
  > a,
body
  .vc_tta-container
  .vc_tta-accordion
  .vc_tta-panels
  .vc_tta-panel.vc_active
  .vc_tta-panel-title
  a
  .vc_tta-title-text {
  color: #453378 !important;
}

body
  .vc_tta-container
  .vc_tta-accordion
  .vc_tta-panels
  .vc_tta-panel:last-child,
.wpb-js-composer
  .vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill)
  .vc_tta-panel:first-child:not(:last-child)
  .vc_tta-panel-body,
.wpb-js-composer
  .vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill)
  .vc_tta-panel:first-child:not(:last-child)
  .vc_tta-panel-heading {
  border: none !important;
}

/*About Page*/
#company_1 .who_we_are {
  background-color: #f4fafd;
  padding: 80px 35px 90px 45px;
}

#company_1 .about_grad_box {
  position: relative;
  margin-right: -15px;
  top: 95px;
}

#company_1 .about_grad {
  padding: 60px 0px 110px 25px;
}

#company_1 .established {
  color: #453378 !important;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  font-family: var(--hffam);
}

#company_1 .established-date {
  color: #453378 !important;
  font-size: 32px;
  line-height: 5px;
  font-weight: 900 !important;
  font-family: var(--hffam);
}

#company_1 .established-border {
  border-left: 6px solid;
  border-image: linear-gradient(to bottom, rgb(20, 177, 170), rgb(70, 49, 119))
    1 100%;
  margin-top: 20px;
  margin-left: 15px;
  padding-left: 15px;
  padding-bottom: 15px;
}

#company_2 {
  background-image: linear-gradient(
    to right,
    rgba(70, 49, 119, 0.1),
    rgba(20, 177, 170, 0.1)
  ) !important;
}

.svg87 svg {
  height: 110px !important;
}

#company_2 .h84 {
  margin-top: -16px;
}

#company_3 .who_we_are {
  background-color: #f4fafd;
  padding: 80px 45px 90px 45px;
}

#company_3 .about_grad {
  position: relative;
  margin-right: -15px;
  top: 95px;
  padding: 12px 25px 40px;
}

/*FOOTER*/
/*Cookies*/
.cookie-notice-container {
  background-color: rgba(29, 22, 51, 0.8) !important;
  position: fixed;
  bottom: 10px;
  left: 10px;
  width: 300px;
  display: grid;
  justify-content: center;
  text-align: center;
}

span#cn-notice-text::before {
  content: 'ΠΟΛΙΤΙΚΗ ΧΡΗΣΗΣ COOKIES';
  display: grid;
  font-weight: 800;
  font-size: 14px;
  padding-bottom: 10px;
}

span#cn-notice-text {
  margin-bottom: 10px;
  font-size: 12px !important;
  line-height: 15px !important;
}

a#cn-accept-cookie {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}

#cookie-notice .cn-button {
  margin-left: 0px;
  text-align: center;
}

/*google badge & recaptcha badge*/
div#___partnersbadge_0 {
  margin-top: 15px !important;
}

/*.grecaptcha-badge {
	opacity: 0 !important;
}*/

/*fix footer heights*/
#cshero-footer-top .widget-title {
  margin: 30px 0 25px !important;
}

.cshero-footer2 #cshero-footer-top aside {
  margin-bottom: 0 !important;
}

/*Footer Background*/
#cms-sigma #footer #cshero-footer-top {
  background-color: #0c437b;
}

/*Footer contact details fix line height*/
.l-height {
  line-height: 12px !important;
}

/*Footer Links*/
#cms-sigma #footer #cshero-footer-top ul li {
  list-style-type: none;
}

#cms-sigma #footer #cshero-footer-top ul li a {
  font-size: 18px !important;
  line-height: 30px !important;
  font-weight: 400 !important;
  color: #fff !important;
  font-family: var(--pffam) !important;
  letter-spacing: 0 !important;
}

#footer .fa {
  font-size: 35px !important;
}

.cshero-footer3 #cshero-footer-bottom {
  background-color: #0c437b !important;
  color: #fff !important;
}

.cshero-footer3 #cshero-footer-bottom a {
  color: #fff !important;
}

/*Footer titles*/
#cms-sigma #footer #cshero-footer-top .widget-title {
  font-size: 30px !important;
  line-height: 36px !important;
  /* font-weight: 500; */
  /* color: var(--hColor) !important; */
  font-weight: 600 !important;
  color: #fff !important;
  font-family: var(--hffam) !important;
  letter-spacing: 1px !important;
}

/*Back to Top Button*/
div#back_to_top {
  background-image: linear-gradient(
    45deg,
    rgba(70, 49, 119),
    rgba(20, 177, 170)
  ) !important;
  cursor: pointer !important;
  /*-webkit-transition: 0.3s ease-in-out 0s !important;
  -moz-transition: 0.3s ease-in-out 0s !important;
  -ms-transition: 0.3s ease-in-out 0s !important;
  transition: 0.3s ease-in-out 0s !important;*/
}

/*div#back_to_top {
	display: none !important;
}*/

/*Back to Top Hover*/
div#back_to_top:hover {
  background-image: linear-gradient(
    135deg,
    rgba(20, 177, 170),
    rgba(70, 49, 119)
  ) !important;
}

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

/*Responsive*/
@media only screen and (max-width: 1366px) {
  /*Main Services*/
  #main_title div#space_1 {
    height: 60px !important;
  }
  #main_title div#space_3 {
    height: 30px !important;
  }

  #main_services_space div#space_1 {
    height: 110px !important;
  }
}

@media only screen and (max-width: 1350px) {
  .number1::after,
  .number2::after,
  .number3::after,
  .number4::after,
  .number5::after,
  .number6::after,
  .number7::after,
  .number8::after,
  .number9::after,
  .number10::after,
  .number11::after,
  .number12::after,
  .number13::after,
  .number14::after,
  .number15::after,
  .number16::after,
  .number17::after,
  .number18::after,
  .number19::after,
  .number20::after,
  .number21::after,
  .number22::after,
  .number23::after,
  .number24::after,
  .number25::after {
    top: 60px;
  }
}

@media only screen and (max-width: 1199px) {
  /*Contact Page*/
  .contact_career_box {
    margin-top: -25% !important;
  }
  .contact_career_box .h22 {
    font-size: 29px !important;
  }
  /*Pages Featured Project*/
  #featured_project .project-text-right {
    padding: 2% 12% 3% !important;
  }
  /*Contact Banner*/
  #contact-us_banner .text {
    font-size: 24px !important;
    line-height: 44px !important;
  }

  #contact-us_banner .my-btn {
    position: relative;
    top: -5px;
  }

  /*Main Projects*/
  #main_projects .project-text-right {
    padding-left: 11.5% !important;
    padding-right: 11.5% !important;
  }
  /*Main Process*/
  .process_text_right {
    left: -10%;
  }

  .process_text_left {
    right: -10%;
  }

  .curved_line_1 svg {
    width: 94%;
    margin-top: -7%;
    margin-bottom: -7% !important;
    margin-left: 4%;
  }

  .curved_line_2 svg {
    width: 94%;
    margin-top: -7%;
    margin-bottom: -8% !important;
    margin-left: 4%;
  }

  .curved_line_3 svg {
    width: 94%;
    margin-top: -7%;
    margin-bottom: -7% !important;
    margin-left: 4%;
  }

  .curved_line_4 svg {
    width: 94%;
    margin-top: -7%;
    margin-bottom: -6% !important;
    margin-left: 4%;
  }

  /*Projects Page*/
  .featured_project_reversed .vc_column_wrapper.clearfix {
    display: flex;
    flex-direction: column-reverse;
  }

  /*Fix index so the buttons are clickable and text can be selected*/
  .vc_col-sm-12.vc_col-lg-6.vc_col-md-12.vc_col-xs-12.project-text-right.wpb_column.vc_column_container.list-none.text-align-none.text-rp-none {
    z-index: 999 !important;
  }

  /*Services Page*/
  .online_services_svg_left .h22,
  .online_services_svg_left .p18 {
    padding-left: 30px;
  }

  #digital_marketing_four_cicle_svg svg {
    width: 100%;
  }

  #digital_marketing_four_cicle_gap {
    height: 95px !important;
  }

  /*arrow btn*/
  .online_services_svg_left .service-arrow-btn img,
  .digital_marketing_services .service-arrow-btn img,
  .digital_marketing_svg_left
    .wpb_single_image.wpb_content_element.vc_align_left.service-arrow-btn
    img {
    margin-left: 30px;
  }

  /*Digital Marketing Page*/
  .digital_marketing_svg_left .h22,
  .digital_marketing_svg_left .p18 {
    padding-left: 30px;
  }

  /*About Page*/
  #company_1 .about_grad_box {
    top: 55px;
  }

  #company_3 .about_grad {
    top: 125px;
  }
}

@media only screen and (max-width: 1024px) {
  /*Main Process*/
  .curved_line_1,
  .curved_line_2 {
    display: none !important;
  }

  .process_text_left {
    right: -10%;
  }

  div#main_process_discover,
  div#main_process_create {
    margin-bottom: 50px !important;
  }

  .process_svg_right {
    position: relative;
    right: 5px;
  }
}

@media (min-width: 992px) and (max-width: 992px) {
  /*Mobile Menu Fix*/
  #cshero-header-navigation
    .main-navigation.menu-white
    .menu-main-menu
    > li
    > a {
    line-height: 21px !important;
  }

  #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a,
  #cshero-header-navigation .main-navigation .menu-main-menu > li > a {
    font-weight: 400 !important;
    font-size: 18px !important;
  }

  #cshero-header-navigation
    .main-navigation
    .menu-main-menu
    > li
    > a
    > span::before {
    display: none !important;
  }

  #cshero-header-navigation .main-navigation .menu-main-menu > ul > li,
  #cshero-header-navigation .main-navigation .menu-main-menu > li {
    display: block !important;
    position: relative;
    left: -120px !important;
  }
}
#slide-2-layer-2 br {
  display: none;
}
@media only screen and (max-width: 992px) {
  #cshero-header-navigation .main-navigation li ul:not(.wg-menu-item) {
    border: none !important;
  }
  #cshero-header-inner * {
    box-shadow: none !important;
  }
  #cms-sigma #cshero-header-inner #cshero-header #cshero-header-logo img,
  #cms-sigma
    #cshero-header-inner
    #cshero-header
    #cshero-header-logo
    .page_mobile_logo
    img {
    height: 45px !important;
  }
  #cshero-header-inner #cshero-header #cshero-header-logo a {
    line-height: 85px !important;
  }
  /*TOP BAR*/
  .top-bar-wf {
    display: block;
  }
  /*SVG Title*/
  .pageTitle svg {
    width: 100%;
    top: 8.5px !important;
    margin-right: 30px;
  }

  /*Mobile Menu*/
  nav#site-navigation {
    margin-top: 85px;
  }

  #cshero-header-navigation,
  #cshero-header-inner.bg-trans #cshero-header .row,
  #cshero-header-logo {
    background-color: #0a345f !important;
  }

  #cshero-header-navigation .menu-mobile-top,
  #cshero-header-navigation .navigation-main li a:before {
    display: none !important;
  }

  #cshero-header #cshero-menu-mobile,
  #cshero-header-logo {
    z-index: 3000 !important;
  }

  #cshero-header-navigation
    .main-navigation
    .menu-main-menu
    > ul
    > li
    > a
    .menu-title:before,
  #cshero-header-navigation
    .main-navigation
    .menu-main-menu
    > li
    > a
    .menu-title:before {
    display: none !important;
  }
  /*Mobile Logo*/
  .page_sticky_logo {
    display: none !important;
  }

  /*Contact Banner*/
  #contact-us_banner .my-btn {
    text-align: center;
  }

  #contact-us_banner .text {
    font-size: 23px;
    line-height: 35px;
    text-align: center;
  }

  /*Footer*/
  #cms-sigma #footer #cshero-footer-top {
    padding-left: 30px;
  }

  /*Remove footer menus*/
  aside#nav_menu-2,
  aside#nav_menu-3 {
    display: none !important;
  }

  /*3 Process SVG*/
  div#final_process_svg .three_cicle_svg_process svg {
    width: 100%;
    margin-top: -5%;
    margin-left: 0.8%;
  }
}

@media (min-width: 941px) and (max-width: 991px) {
  /*Services In*/
  .services_in_r_box {
    right: 0;
  }

  .services_in_l_box div.vc_column-inner {
    padding: 40px 20px 80px 50px;
  }
}

@media only screen and (max-width: 991px) {
  /*Typography*/
  .h32,
  .h32 a,
  .h32 h1,
  .h32 h2,
  .h32 h3,
  .h32 h4,
  .h32 h5,
  .h32 h6 {
    font-size: 30px !important;
    line-height: 34px !important;
  }

  .h22,
  .h22 a,
  .h22 h1,
  .h22 h2,
  .h22 h3,
  .h22 h4,
  .h22 h5,
  .h22 h6 {
    font-size: 20px !important;
    line-height: 23px !important;
  }

  .h84,
  .h84 h1,
  .h84 h2,
  .h84 h3,
  .h84 h4,
  .h84 h5,
  .h84 h6 {
    font-size: 74px !important;
    line-height: 80px !important;
  }

  .h30,
  .h30 h1,
  .h30 h2,
  .h30 h3,
  .h30 h4,
  .h30 h5,
  .h30 h6 {
    font-size: 28px !important;
    line-height: 34px !important;
  }

  /*Main Projects*/
  #main_projects .h84 {
    margin-top: -13px;
  }

  /*Pages Featured Project*/
  #featured_project .project-text-right {
    padding: 0% 6% 2% !important;
  }

  #featured_project #space_1 {
    height: 40px !important;
  }

  #featured_project #space_2 {
    height: 25px !important;
  }
  /*Services Page*/
  .service_reversed .vc_column_wrapper.clearfix {
    display: flex;
    flex-direction: column-reverse;
  }

  .online_services_svg_left svg,
  .online_services_svg_right svg {
    margin-bottom: 30px !important;
  }

  .online_services_svg_right .h22 p,
  .online_services_svg_right .p18 p {
    text-align: left !important;
    padding-left: 30px;
  }

  .online_services_title_text_gap {
    height: 25px !important;
  }

  #digital_marketing_four_cicle_gap {
    height: 0px !important;
  }

  #digital_marketing_four_cicle_w_others {
    height: 65px !important;
  }

  .digital_marketing_services .h22,
  .digital_marketing_services .p18,
  .digital_marketing_services .h32 {
    padding: 0 55px !important;
  }

  #digital_marketing_all_services #space_1 {
    height: 50px !important;
  }

  #digital_marketing_all_services .space_2 {
    height: 50px !important;
  }

  #digital_marketing_all_services .space_3 {
    height: 15px !important;
  }

  /*arrow btn*/
  .wpb_single_image.wpb_content_element.vc_align_right.service-arrow-btn,
  .digital_marketing_services
    .wpb_single_image.wpb_content_element.vc_align_left.service-arrow-btn {
    text-align: left;
    margin-left: 30px;
  }

  /*Digital Marketing Page*/
  .digital_marketing_svg_left svg,
  .digital_marketing_svg_right svg {
    margin-bottom: 30px !important;
  }

  .digital_marketing_svg_right .h22 p,
  .digital_marketing_svg_right .p18 p {
    text-align: left !important;
    padding-left: 30px;
  }

  /*Services In*/
  /*service form*/
  .service-form-container {
    margin-top: 7% !important;
  }

  /*About Page*/
  #company_2 .h84 {
    margin-top: -13px;
  }

  #company_1 .space_1 {
    height: 70px !important;
  }
}

@media only screen and (max-width: 974px) {
  /*Contact Page*/
  .contact_career_box {
    margin-top: -28% !important;
  }
}

@media only screen and (max-width: 960px) {
  /*Main Process*/
  div#main_process_strategize,
  div#main_process_develop {
    right: 4%;
  }

  .curved_line_1 svg {
    width: 92%;
    margin-top: -10%;
    margin-bottom: -10% !important;
    margin-left: 3%;
  }

  .curved_line_2 svg {
    width: 92%;
    margin-top: -16%;
    margin-bottom: -10% !important;
    margin-left: 2.5%;
  }

  .curved_line_3 svg {
    width: 92%;
    margin-top: -10%;
    margin-bottom: -10% !important;
    margin-left: 3%;
  }

  .curved_line_4 svg {
    width: 92%;
    margin-top: -10%;
    margin-bottom: -7% !important;
    margin-left: 4%;
  }

  .process_svg_right svg,
  .process_svg_left svg {
    width: 255px;
  }

  /*3 Process SVG*/
  div#final_process_svg .three_cicle_svg_process svg {
    width: 100%;
    margin-top: -8%;
    margin-left: -1%;
  }
}

@media only screen and (max-width: 953px) {
  /*Contact Page*/
  .contact_career_box .h22 {
    font-size: 27px !important;
  }

  .contact_career_box
    .grad-btn
    a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey {
    font-size: 13px !important;
    padding: 12px 18px !important;
  }
}

@media only screen and (max-width: 940px) {
  /*Services In*/
  .services_in_l_box div.vc_column-inner {
    padding: 40px 20px 80px 25px;
  }

  .services_in_r_box {
    right: 0px;
  }
}

@media only screen and (max-width: 905px) {
  /*Contact Page*/
  .contact_career_box .h22 {
    font-size: 25px !important;
  }
}

@media only screen and (max-width: 900px) {
  /*About Page*/
  #company_1 .p30 {
    font-size: 30px;
    line-height: 34px;
  }

  #company_1 .about_grad_box {
    top: 125px;
  }
  /*Main Process*/
  .curved_line_2 svg {
    margin-top: -20%;
  }
}

@media only screen and (max-width: 880px) {
  /*3 Process SVG*/
  div#final_process_svg .three_cicle_svg_process svg {
    width: 100%;
    margin-top: -12%;
    margin-left: 0%;
  }
}

@media only screen and (max-width: 850px) {
  /*Main Projects*/
  #main_projects .project-text-right {
    padding-left: 3.5% !important;
    padding-right: 3.5% !important;
  }

  /*Main Process*/
  .curved_line_1 svg {
    margin-top: -14%;
    margin-bottom: -13% !important;
  }

  .curved_line_2 svg {
    margin-top: -26%;
    margin-bottom: -13% !important;
  }

  .curved_line_3 svg {
    margin-top: -14%;
    margin-bottom: -13% !important;
  }

  .curved_line_4 svg {
    margin-top: -14%;
    margin-bottom: -13% !important;
  }

  #main_process_develop .process_text_left {
    top: -25px;
  }

  /*3 Process SVG*/
  div#final_process_svg .three_cicle_svg_process svg {
    width: 100%;
    margin-top: -12%;
    margin-left: 1%;
  }
}

@media only screen and (max-width: 820px) {
  /*3 Process SVG*/
  div#final_process_svg .three_cicle_svg_process svg {
    width: 100%;
    margin-top: -16%;
    margin-left: 2%;
  }
}

@media only screen and (max-width: 800px) {
  /*Main Process*/
  .curved_line_1 svg {
    margin-top: -16%;
  }
}

@media only screen and (max-width: 768px) {
  /*SVG Titles*/
  .pageTitle svg {
    top: 13.5px !important;
  }
  /*Projects*/
  .projects_top_spacer {
    height: 45px !important;
  }

  .projects_btn_spacer1 {
    height: 35px !important;
  }

  .projects_btn_spacer {
    height: 0px !important;
  }

  /*Contact Page*/
  .contact_career_box .h22 {
    font-size: 21px !important;
  }

  .contact_career_box
    .grad-btn
    a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey {
    font-size: 14px !important;
  }
}

@media only screen and (max-width: 767px) {
  #slide-2-layer-2 br {
    display: block;
  }
  /*SVG Titles*/
  .pageTitle svg {
    width: 70%;
    top: 12.5px !important;
    margin-right: 0px;
  }

  .pageTitle .alignright {
    float: right !important;
  }

  /*ataka*/
  h3.page_header_text {
    font-size: 32px !important;
    line-height: 36px !important;
  }
  /*Service Form*/
  .p50 {
    font-size: 40px !important;
    line-height: 35px !important;
  }

  /*Main Process*/
  .process_svg_right svg,
  .process_svg_left svg {
    width: auto !important;
    margin-top: 30px;
  }

  .process_svg_right {
    right: auto;
  }

  div#main_process_strategize,
  div#main_process_develop {
    right: auto;
  }

  .process_text_right {
    left: auto;
  }

  .process_text_left {
    right: auto;
  }

  .process_svg_left,
  .process_svg_right {
    margin-top: 45px;
  }

  div#three_process_space {
    height: 0 !important;
  }

  /*Center Texts Verticaly*/
  #main_process_strategize .process_text_left {
    top: auto;
  }

  #main_process_discover .process_text_right {
    top: auto;
  }

  div#main_process_strategize .vc_column_wrapper.clearfix,
  div#main_process_develop .vc_column_wrapper.clearfix {
    display: flex;
    flex-direction: column-reverse;
  }

  /*Center Process SVGs*/

  .alignleft,
  .alignright {
    float: none !important;
  }

  div#main_process_discover .wpb_wrapper,
  div#main_process_strategize .wpb_wrapper,
  div#main_process_create .wpb_wrapper,
  div#main_process_develop .wpb_wrapper {
    text-align: center !important;
  }

  .process_text_left .p18 p,
  .process_text_right .p18 p,
  .process_text_left .h22 p,
  .process_text_right .h22 p {
    text-align: left !important;
  }

  /*Three Cicle SVG*/

  div#final_process_svg {
    display: none;
  }

  div#final_process_svg_mobile {
    display: block;
    margin-left: 15px;
  }

  /*Numbers*/

  .number1::after,
  .number2::after,
  .number3::after,
  .number4::after,
  .number5::after,
  .number6::after,
  .number7::after,
  .number8::after,
  .number9::after,
  .number10::after,
  .number11::after,
  .number12::after,
  .number13::after,
  .number14::after,
  .number15::after,
  .number16::after,
  .number17::after,
  .number18::after,
  .number19::after,
  .number20::after,
  .number21::after,
  .number22::after,
  .number23::after,
  .number24::after,
  .number25::after {
    top: 80px;
  }

  /*Services Page*/
  .online_services_title_text_gap {
    height: 15px !important;
  }

  /*Services In*/

  .services_in_l_box {
    position: relative;
    top: 0;
  }

  .services_in_r_box {
    right: 0px;
  }

  .services_in_r_box svg {
    margin-top: -220px !important;
    margin-bottom: -30px !important;
  }

  #service_in_detailed .vc_column_wrapper.clearfix {
    display: flex;
    flex-direction: column-reverse;
  }

  .vc_col-xs-12 {
    float: none !important; /*remove?*/
  }

  #serv_in_container #space_3 {
    height: 20px !important;
  }

  #serv_in_container #space_12 {
    height: 30px !important;
  }

  #serv_in_container #space_11 {
    height: 15px !important;
  }

  .left_alone_box {
    padding: 0 18px !important;
    margin-bottom: 170px !important;
  }

  .services_in_l_box div.vc_column-inner {
    padding: 40px 20px 80px 40px;
  }

  /*Contact Page*/
  .contact_career_box {
    margin-top: 3% !important;
  }
  .contact_career_box .h22 {
    font-size: 32px !important;
  }

  .contact_career_box
    .grad-btn
    a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey {
    font-size: 16px !important;
    padding: 16px 28px !important;
  }

  .contact_career_box .grad-btn {
    margin: 5% 0;
  }

  /*About Page*/
  #company_1 .about_grad_box {
    top: 0;
    margin-right: 0;
    margin-bottom: 3%;
    margin-top: -4%;
  }

  #company_1 .about_grad {
    padding: 40px 0px 60px 25px;
  }

  #company_1 .space_1 {
    height: 50px !important;
  }

  #company_3 .about_grad {
    top: 0;
    margin-right: 0px;
    margin-bottom: -10%;
  }

  #company_3 .who_we_are {
    background-color: #f4fafd;
    padding: 50px 45px 60px 45px;
  }

  .p24-white,
  .p24-white p {
    line-height: 30px !important;
  }

  #company_2 .p18 {
    padding: 0 25px;
  }
}

@media only screen and (max-width: 680px) {
  /*Typography*/
  .h84,
  .h84 h1,
  .h84 h2,
  .h84 h3,
  .h84 h4,
  .h84 h5,
  .h84 h6 {
    font-size: 64px !important;
    line-height: 70px !important;
  }

  /*Main Project Image*/
  #main_featured_project_image {
    top: 40px;
  }

  /*Process Title*/
  div#main_process_title div#space_1 {
    height: 40px !important;
  }

  div#main_process_title div#space_2 {
    height: 40px !important;
  }
}

@media only screen and (max-width: 620px) {
  /*About Page*/
  #company_1 .p30 {
    font-size: 26px;
    line-height: 30px;
  }

  #company_1 .about_grad {
    padding: 40px 25px 60px 25px;
  }
}

@media only screen and (max-width: 600px) {
  /*SVG Titles*/
  .pageTitle svg {
    top: 17.5px !important;
  }
  /*Typography*/
  .h84,
  .h84 h1,
  .h84 h2,
  .h84 h3,
  .h84 h4,
  .h84 h5,
  .h84 h6 {
    font-size: 52px !important;
    line-height: 58px !important;
  }

  /*Projects Title*/
  #main_projects .h84 {
    margin-top: -9px;
  }

  /*Footer*/
  .l-height {
    line-height: 15px !important;
  }

  /*Projects*/
  .projects_btn_spacer1 {
    height: 25px !important;
  }

  /*About Page*/
  #company_2 .h84 {
    margin-top: -9px;
  }
}

@media only screen and (max-width: 530px) {
  .number1::after,
  .number2::after,
  .number3::after,
  .number4::after,
  .number5::after,
  .number6::after,
  .number7::after,
  .number8::after,
  .number9::after,
  .number10::after,
  .number11::after,
  .number12::after,
  .number13::after,
  .number14::after,
  .number15::after,
  .number16::after,
  .number17::after,
  .number18::after,
  .number19::after,
  .number20::after,
  .number21::after,
  .number22::after,
  .number23::after,
  .number24::after,
  .number25::after {
    right: 25px;
    font-size: 320px;
  }
}

@media only screen and (max-width: 510px) {
  /*Typography*/
  .h84,
  .h84 h1,
  .h84 h2,
  .h84 h3,
  .h84 h4,
  .h84 h5,
  .h84 h6 {
    font-size: 45px !important;
    line-height: 59px !important;
  }

  /*Projects Title*/
  #main_projects .h84 {
    margin-top: -13px;
  }

  /*Main Clients*/
  #main_clients #space_1 {
    height: 45px !important;
  }

  #main_clients #space_2 {
    height: 35px !important;
  }

  #main_clients #space_3 {
    height: 30px !important;
  }

  /*Services Page*/
  .digital_marketing_services .h32 {
    padding-right: 0 !important;
  }

  #digital_marketing_four_cicle_svg svg {
    margin-top: -50px;
    margin-bottom: -25px !important;
  }
}

@media only screen and (max-width: 480px) {
  /*SVG Titles*/
  .pageTitle svg {
    top: 21.5px !important;
  }
  /*ataka*/
  h3.page_header_text {
    font-size: 27px !important;
    line-height: 31px !important;
  }
  /*Service Form*/
  .p50 {
    font-size: 35px !important;
    line-height: 30px !important;
  }
  /*Typography*/
  .h32,
  .h32 a,
  .h32 h1,
  .h32 h2,
  .h32 h3,
  .h32 h4,
  .h32 h5,
  .h32 h6 {
    font-size: 28px !important;
    line-height: 32px !important;
  }

  .h22,
  .h22 a,
  .h22 h1,
  .h22 h2,
  .h22 h3,
  .h22 h4,
  .h22 h5,
  .h22 h6 {
    font-size: 19px !important;
    line-height: 22px !important;
  }

  .h84,
  .h84 h1,
  .h84 h2,
  .h84 h3,
  .h84 h4,
  .h84 h5,
  .h84 h6 {
    font-size: 40px !important;
    line-height: 44px !important;
  }

  .h30,
  .h30 h1,
  .h30 h2,
  .h30 h3,
  .h30 h4,
  .h30 h5,
  .h30 h6 {
    font-size: 27px !important;
    line-height: 33px !important;
    word-wrap: break-word;
  }

  /*Main Page*/
  #main_projects .h84 {
    margin-top: -13px;
  }

  /*Projects Title*/
  #main_projects .h84 {
    margin-top: -7px;
  }

  .number1::after,
  .number2::after,
  .number3::after,
  .number4::after,
  .number5::after,
  .number6::after,
  .number7::after,
  .number8::after,
  .number9::after,
  .number10::after,
  .number11::after,
  .number12::after,
  .number13::after,
  .number14::after,
  .number15::after,
  .number16::after,
  .number17::after,
  .number18::after,
  .number19::after,
  .number20::after,
  .number21::after,
  .number22::after,
  .number23::after,
  .number24::after,
  .number25::after {
    right: 35px;
    font-size: 300px;
  }

  /*Services Page*/
  .online_services_rows_gap {
    height: 50px !important;
  }

  #digital_marketing_all_services #space_4 {
    height: 50px !important;
  }

  .digital_marketing_services .h22,
  .digital_marketing_services .p18 {
    padding-right: 20px !important;
  }

  #digital_marketing_four_cicle_svg svg {
    margin-top: -75px;
    margin-bottom: -40px !important;
  }

  /*Main Process*/
  div#main_process_discover,
  div#main_process_create {
    margin-bottom: 0px !important;
  }

  /*3 Process SVG*/
  div#final_process_svg_mobile {
    margin-left: 0px;
  }

  /*Contact Page*/
  .contact_career_box .grad-btn {
    margin: 10% 0 !important;
  }

  /*About Page*/
  #company_2 .h84 {
    margin-top: -7px;
  }

  #company_3 .about_grad {
    margin-bottom: -20%;
  }

  #company_3 .who_we_are {
    padding: 50px 30px 60px 30px;
  }

  #company_1 .who_we_are {
    background-color: #f4fafd;
    padding: 80px 30px 90px 30px;
  }
}

@media only screen and (max-width: 470px) {
  /*3 Process SVG*/
  div#final_process_svg_mobile {
    margin-left: -5px;
  }
}

@media only screen and (max-width: 470px) {
  /*3 Process SVG*/
  div#final_process_svg_mobile {
    margin-left: -8px;
  }
}

@media only screen and (max-width: 450px) {
  /*3 Process SVG*/
  div#final_process_svg_mobile {
    margin-left: -15px;
  }
}

@media only screen and (max-width: 440px) {
  /*3 Process SVG*/
  div#final_process_svg_mobile {
    margin-left: -18px;
  }
}

@media only screen and (max-width: 430px) {
  /*3 Process SVG*/
  div#final_process_svg_mobile {
    margin-left: -25px;
  }
}

@media only screen and (max-width: 420px) {
  /*Typography*/
  .h30,
  .h30 h1,
  .h30 h2,
  .h30 h3,
  .h30 h4,
  .h30 h5,
  .h30 h6 {
    font-size: 24px !important;
  }
  /*Services Page*/
  #digital_marketing_four_cicle_svg svg {
    margin-top: -125px;
    margin-bottom: -80px !important;
  }

  /*3 Process SVG*/
  div#final_process_svg_mobile {
    margin-left: -30px;
  }
}

@media only screen and (max-width: 410px) {
  /*3 Process SVG*/
  div#final_process_svg_mobile {
    margin-left: -35px;
  }
}

@media only screen and (max-width: 400px) {
  /*Main Process*/
  .process_svg_right svg,
  .process_svg_left svg {
    width: 250px !important;
    margin-top: -5px !important;
    margin-bottom: -20px !important;
  }

  /*3 Process SVG*/
  div#final_process_svg_mobile .three_cicle_svg_process svg {
    width: 330px;
    margin-top: -20%;
    margin-bottom: -40% !important;
  }

  div#final_process_svg_mobile {
    margin-left: -4px;
  }

  /*Services Page*/
  .online_services_svg_left .service-arrow-btn img,
  .digital_marketing_services .service-arrow-btn img,
  .digital_marketing_svg_left
    .wpb_single_image.wpb_content_element.vc_align_left.service-arrow-btn
    img {
    margin-left: 0px;
  }

  .wpb_single_image.wpb_content_element.vc_align_right.service-arrow-btn,
  .digital_marketing_services
    .wpb_single_image.wpb_content_element.vc_align_left.service-arrow-btn {
    margin-left: 0px;
  }

  .digital_marketing_services .h22,
  .digital_marketing_services .p18,
  .digital_marketing_services .h32 {
    padding: 0 25px !important;
  }
  /*end gaps*/
  .online_services_svg_left svg,
  .online_services_svg_right svg {
    width: 250px !important;
  }

  .online_services_svg_left svg,
  .online_services_svg_right svg {
    margin-bottom: 0px !important;
  }

  .online_services_svg_left .h22,
  .online_services_svg_left .p18,
  .online_services_svg_right .h22 p,
  .online_services_svg_right .p18 p {
    padding-left: 0 !important;
  }

  .online_services_rows_gap {
    height: 20px !important;
  }

  /*Digital Marketing Page*/
  .digital_marketing_svg_left svg,
  .digital_marketing_svg_right svg {
    width: 250px !important;
  }

  .digital_marketing_svg_left svg,
  .digital_marketing_svg_right svg {
    margin-bottom: 0px !important;
  }

  .digital_marketing_svg_left .h22,
  .digital_marketing_svg_left .p18,
  .digital_marketing_svg_right .h22 p,
  .digital_marketing_svg_right .p18 p {
    padding-left: 0 !important;
  }

  /*Footer*/
  #cshero-footer-top {
    padding: 0px 0px 40px 30px !important;
  }

  /*Projects*/
  .projects_top_spacer {
    height: 30px !important;
  }

  /*About Page*/
  #company_3 .who_we_are {
    padding: 50px 15px 60px 15px;
  }

  #company_1 .who_we_are {
    padding: 80px 15px 90px 15px;
  }
}

@media only screen and (max-width: 390px) {
  /*3 Process SVG*/
  div#final_process_svg_mobile {
    margin-left: -9px;
  }
}

@media only screen and (max-width: 385px) {
  /*Typography*/
  .h30,
  .h30 h1,
  .h30 h2,
  .h30 h3,
  .h30 h4,
  .h30 h5,
  .h30 h6 {
    font-size: 23px !important;
    line-height: 28px !important;
  }

  /*3 Process SVG*/
  div#final_process_svg_mobile {
    margin-left: -17px;
  }

  /*Numbers*/

  .number1::after,
  .number2::after,
  .number3::after,
  .number4::after,
  .number5::after,
  .number6::after,
  .number7::after,
  .number8::after,
  .number9::after,
  .number10::after,
  .number11::after,
  .number12::after,
  .number13::after,
  .number14::after,
  .number15::after,
  .number16::after,
  .number17::after,
  .number18::after,
  .number19::after,
  .number20::after,
  .number21::after,
  .number22::after,
  .number23::after,
  .number24::after,
  .number25::after {
    font-size: 280px;
  }

  .number1::after,
  .number3::after,
  .number5::after,
  .number7::after,
  .number9::after,
  .number11::after,
  .number13::after,
  .number15::after,
  .number17::after,
  .number19::after,
  .number21::after,
  .number23::after,
  .number25::after {
    right: 75px;
  }

  /*Services Page*/
  .online_services_svg_left .h22,
  .online_services_svg_left .p18,
  .online_services_svg_right .h22 p,
  .online_services_svg_right .p18 p {
    padding-left: 15px !important;
  }

  .online_services_svg_left .service-arrow-btn img,
  .digital_marketing_services .service-arrow-btn img,
  .digital_marketing_svg_left
    .wpb_single_image.wpb_content_element.vc_align_left.service-arrow-btn
    img {
    margin-left: 15px;
  }

  .wpb_single_image.wpb_content_element.vc_align_right.service-arrow-btn,
  .digital_marketing_services
    .wpb_single_image.wpb_content_element.vc_align_left.service-arrow-btn {
    margin-left: 15px;
  }

  /*Digital Marketing Page*/
  .digital_marketing_svg_left .h22,
  .digital_marketing_svg_left .p18,
  .digital_marketing_svg_right .h22 p,
  .digital_marketing_svg_right .p18 p {
    padding-left: 15px !important;
  }

  /*Services In*/
  .services_in_r_box .elvn {
    position: relative;
    right: 5px;
  }

  /*Service Form*/
  #service-form .space_1 {
    height: 0px !important;
  }
}

@media only screen and (max-width: 375px) {
  /*SVG Titles*/
  .pageTitle svg {
    top: 24px !important;
  }
  /*Services Page*/
  #digital_marketing_four_cicle_svg svg {
    margin-top: -160px;
    margin-bottom: -120px !important;
  }

  /*Services In*/
  .services_in_r_box .elvn {
    position: relative;
    right: 8px;
  }
}

@media only screen and (max-width: 365px) {
  .number1::after,
  .number2::after,
  .number3::after,
  .number4::after,
  .number5::after,
  .number6::after,
  .number7::after,
  .number8::after,
  .number9::after,
  .number10::after,
  .number11::after,
  .number12::after,
  .number13::after,
  .number14::after,
  .number15::after,
  .number16::after,
  .number17::after,
  .number18::after,
  .number19::after,
  .number20::after,
  .number21::after,
  .number22::after,
  .number23::after,
  .number24::after,
  .number25::after {
    font-size: 260px;
  }

  /*Services In*/
  .services_in_r_box .elvn {
    right: 15px;
  }
}

@media only screen and (max-width: 360px) {
  /*SVG Titles*/
  .pageTitle svg {
    top: 24.5px !important;
  }
  /*3 Process SVG*/
  div#final_process_svg_mobile {
    margin-left: -20px;
  }
}

@media only screen and (max-width: 355px) {
  /*Services In*/
  .services_in_r_box .elvn {
    right: 20px;
  }
}

@media only screen and (max-width: 350px) {
  /*Main Process*/
  .process_svg_left,
  .process_svg_right {
    margin-left: -8px;
  }

  /*3 Process SVG*/
  div#final_process_svg_mobile {
    margin-left: -38px;
  }

  /*Services Page*/
  .online_services_svg_left .vc_column_wrapper.clearfix div,
  .online_services_svg_right .vc_column_wrapper.clearfix div {
    margin-left: -1px;
  }

  #digital_marketing_four_cicle_svg svg {
    margin-top: -175px;
    margin-bottom: -150px !important;
  }

  /*Digital Marketing Page*/
  .digital_marketing_svg_left .vc_column_wrapper.clearfix div,
  .digital_marketing_svg_right .vc_column_wrapper.clearfix div {
    margin-left: -1px;
  }

  /*Typography*/
  .h32,
  .h32 a,
  .h32 h1,
  .h32 h2,
  .h32 h3,
  .h32 h4,
  .h32 h5,
  .h32 h6 {
    font-size: 24px !important;
    line-height: 30px !important;
  }

  /*Main Clients*/
  #main_clients #space_1 {
    height: 40px !important;
  }

  #main_clients #space_2 {
    height: 30px !important;
  }

  #main_clients #space_3 {
    height: 25px !important;
  }

  /*Services In*/
  .services_in_r_box .elvn {
    right: 25px;
  }
}

@media only screen and (max-width: 345px) {
  /*Main Process*/
  .process_svg_right svg,
  .process_svg_left svg {
    width: 240px !important;
    margin-top: -10px !important;
    margin-bottom: -25px !important;
  }

  /*Services Page*/
  .online_services_svg_left svg,
  .online_services_svg_right svg {
    width: 240px !important;
  }

  /*Digital Marketing Page*/
  .digital_marketing_svg_left svg,
  .digital_marketing_svg_right svg {
    width: 240px !important;
  }

  /*Services In*/
  .services_in_r_box .elvn {
    right: 32px;
  }
}

@media only screen and (max-width: 330px) {
  /*Main Process*/
  .process_svg_right svg,
  .process_svg_left svg {
    width: 230px !important;
  }

  .process_svg_left,
  .process_svg_right {
    margin-left: -10px;
  }

  /*Services Page*/
  .online_services_svg_left svg,
  .online_services_svg_right svg {
    width: 230px !important;
  }

  /*Digital Marketing Page*/
  .digital_marketing_svg_left svg,
  .digital_marketing_svg_right svg {
    width: 230px !important;
  }

  /*Footer*/
  .l-height {
    line-height: 20px !important;
  }

  .number1::after,
  .number2::after,
  .number3::after,
  .number4::after,
  .number5::after,
  .number6::after,
  .number7::after,
  .number8::after,
  .number9::after,
  .number10::after,
  .number11::after,
  .number12::after,
  .number13::after,
  .number14::after,
  .number15::after,
  .number16::after,
  .number17::after,
  .number18::after,
  .number19::after,
  .number20::after,
  .number21::after,
  .number22::after,
  .number23::after,
  .number24::after,
  .number25::after {
    font-size: 240px;
  }

  /*Services In*/
  .services_in_r_box .elvn {
    right: 35px;
  }
}

@media only screen and (max-width: 320px) {
  /*SVG Titles*/
  .pageTitle svg {
    top: 25.5px !important;
  }
  /*Typography*/
  .h30,
  .h30 h1,
  .h30 h2,
  .h30 h3,
  .h30 h4,
  .h30 h5,
  .h30 h6 {
    position: relative;
    right: 10px;
  }

  /*Services Page*/
  #digital_marketing_four_cicle_svg svg {
    margin-top: -200px;
    margin-bottom: -170px !important;
  }

  /*Services In*/
  .services_in_r_box .elvn {
    right: 40px;
  }

  /*Contact Page*/
  .contact_career_box .h22 {
    font-size: 30px !important;
  }

  .contact_career_box
    .grad-btn
    a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey {
    font-size: 15px !important;
    padding: 14px 22px !important;
  }
}

@media only screen and (max-width: 315px) {
  /*Mobile Menu*/
  div#menu-icon-wrapper {
    left: 15px !important;
  }
  /*Main Process*/
  .process_svg_left,
  .process_svg_right {
    margin-left: -15px;
  }

  /*Services In*/
  .services_in_r_box .elvn {
    right: 42.5px;
  }
}

@media only screen and (max-width: 310px) {
  /*Services In*/
  .services_in_r_box .elvn {
    right: 45px;
  }
}