     /* footer design style */
     
     .gap_row {
          justify-content: space-between;
     }
     
     .col_gap {
          margin-right: 100px;
     }
     
     .copyright-text1 {
          margin-right: 100px;
          max-width: 33%;
     }
     
     .copyright-text {
          max-width: 44%;
     }
     
     .site-footer.section--bg .get-in-touch a:hover {
          color: #fff;
     }
     
     ul.social-menu.social_footer li a .twitter-x {
          height: 16px;
     }
     
     @media(max-width:1700px) {
          .the-way-we-work ul li {
               padding: 30px 15px!important;
          }
     }
     
     @media (max-width: 1600px) {
          .site-footer .social-menu li a {
               height: 30px;
               font-size: 30px;
               display: inline-flex;
               align-items: center;
          }
          ul.social-menu.social_footer li a .twitter-x {
               height: 22px;
               width: 18px;
          }
          .site-footer .get-in-touch h3,
          .site-footer .get-in-touch a {
               margin-bottom: 8px;
               line-height: 1.5;
          }
          .copyright {
               padding-top: 150px;
          }
          .site-footer .social-menu {
               margin: 80px 0 0;
          }
          .get-in-touch {
               margin-bottom: 34px;
          }
          .black-theme-section.career-process .content-width {
               max-width: 90%;
          }
     }
     
     @media (max-width: 1400px) {
          .col_gap {
               margin-right: 80px;
          }
          .copyright-text1 {
               margin-right: 80px;
               max-width: 34%;
          }
     }
     
     @media(max-width:1399px) {
          .black-theme-section.career-process .content-width {
               max-width: 95%;
          }
     }
     
     @media (max-width: 1300px) {
          .site-footer .get-in-touch a {
               font-size: 22px !important;
          }
          .site-footer .get-in-touch h3,
          .site-footer .get-in-touch a {
               line-height: 1.2;
          }
          ul.social-menu.social_footer li a .twitter-x {
               height: 20px;
               width: 16px;
          }
          .site-footer .social-menu li a {
               height: 24px;
               font-size: 24px;
          }
          .site-footer .custom-row .column-50 {
               max-width: 40%;
               flex: 40%;
          }
          .copyright {
               flex-wrap: initial;
               justify-content: space-between;
          }
          .copyright-text1 {
               max-width: 44%;
          }
          .copyright-text {
               max-width: 40%;
          }
          .black-theme-section.career-process .content-width {
               max-width: 98%;
          }
          .black-theme-section.career-process .content-width p {
               line-height: 20px;
          }
     }
     
     @media (max-width: 1199px) {
          .site-footer .get-in-touch h3 {
               margin-bottom: 0;
          }
          .site-footer .get-in-touch h3,
          .site-footer .get-in-touch a {
               line-height: 1.5;
          }
     }
     
     @media (max-width: 991px) {
          .our_values.careers_value .floatR {
               display: none;
          }
          .our_values.careers_value .mobile_view.floatR {
               display: block;
          }
          .careers_value .floatR ul li p.text_box {
               font-weight: 400 !important;
               font-size: 14px !important;
               letter-spacing: 2.5px !important;
               color: #141414 !important;
          }
          .our_values .floatR ul li h3 {
               font-size: 14px !important;
               font-weight: 300 !important;
          }
          .careers_value .floatR ul li {
               min-height: 100% !important;
               display: flex !important;
               flex-direction: column-reverse !important;
          }
          .our_values .floatR ul li {
               margin-bottom: 15px !important;
          }
          .careers_value .floatR ul li .front {
               padding: 40px 70px 40px 0 !important;
               opacity: 1 !important;
               position: relative !important;
               left: 0;
               top: 0;
               transform: translateY(0) !important;
          }
          .careers_value .floatR ul li .back {
               margin-top: 40px !important;
               padding: 0 170px 0 0 !important;
               opacity: 1 !important;
               position: relative !important;
               left: 0;
               top: 0;
               transform: translateY(0) !important;
          }
          .careers_value .floatR ul li:hover .front,
          .careers_value .floatR ul li:hover .back {
               opacity: 1 !important;
          }
          .copyright-text1,
          .copyright-text {
               max-width: 100%;
               padding-left: 50px;
          }
          .copyright {
               flex-direction: column;
               padding-top: 80px;
          }
     }
     
     @media (max-width: 767px) {
          .site-footer .social-menu {
               margin: 0;
          }
          .copyright-text1,
          .copyright-text {
               padding-left: 0;
          }
          .copyright {
               padding-top: 0px;
          }
          .copyright-text1,
          .copyright-text {
               max-width: 100%;
               margin: 0;
          }
          .site-footer .custom-row .column-50 {
               max-width: 100%;
               flex: 40%;
               margin: 0;
          }
          .copyright {
               flex-direction: column;
          }
          .get-in-touch {
               margin-bottom: 30px;
          }
          .footer-css .get-in-touch a {
               display: inline-block;
          }
          .site-footer .texttypo {
               margin-bottom: 0px;
          }
     }
     
     @media (max-width: 575px) {
          /* .careers_value .floatR ul li p.text_box {
          font-weight: 400 !important;
          font-size: 12px !important;
          letter-spacing: 2.5px !important;
          color: #141414 !important;
     }

     .our_values .floatR ul li h3 {
          font-size: 14px !important;
          font-weight: 300 !important;
     }

     .careers_value .floatR ul li {
          min-height: 100% !important;
          display: flex !important;
          flex-direction: column-reverse !important;
     }

     .our_values .floatR ul li {
          margin-bottom: 15px !important;
     }

     .careers_value .floatR ul li .front {
          padding: 40px 70px 40px 0 !important;
          opacity: 1 !important;
          position: relative !important;
          left: 0;
          top: 0;
          transform: translateY(0) !important;
     }

     .careers_value .floatR ul li .back {
          margin-top: 40px !important;
          padding: 0 170px 0 0 !important;
          opacity: 1 !important;
          position: relative !important;
          left: 0;
          top: 0;
          transform: translateY(0) !important;
     }

     .careers_value .floatR ul li:hover .front,
     .careers_value .floatR ul li:hover .back {
          opacity: 1 !important;
     } */
          .footer-css .get-in-touch a {
               margin-bottom: 0;
          }
          .site-footer .get-in-touch a {
               font-size: 20px !important;
          }
          .footer-css .get-in-touch a {
               margin-bottom: 6px;
          }
          .get-in-touch {
               margin-bottom: 20px;
          }
          .location .tabs li {
               padding: 0;
          }
          #tabs li.tab1 .tab,
          #tabs li.tab2 .tab,
          #tabs li.tab3 .tab,
          #tabs li.tab4 .tab {
               font-size: 12px !important;
          }
     }