/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on December 14, 2021 */

@font-face {
    font-family: 'optimanormal';
    src: url(/fonts/optima-webfont.woff2?eec8b8ecbc469ca60c9430eabe884c94) format('woff2'),
         url(/fonts/optima-webfont.woff?ec29fac572c7addc387bb72ee552349f) format('woff');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'optimabold';
    src: url(/fonts/optima_0-webfont.woff2?dfd8e29a37f66485d7f4cc9b481d799d) format('woff2'),
         url(/fonts/optima_0-webfont.woff?8a379d2b6ea20c603344e331dc1a313c) format('woff');
    font-weight: 900;
    font-style: normal;

}

@font-face {
    font-family: 'optima-mediummedium';
    src: url(/fonts/optimamedium-webfont.woff2?0c15f26169b2f33d824387abb9b42197) format('woff2'),
         url(/fonts/optimamedium-webfont.woff?3a68834523754e0473532263b116b3c7) format('woff');
    font-weight: 400;
    font-style: normal;

}
display-flex, .request .mores .btn, .request .mores, .request .frm .ch_box, .sustain .our_projects .all_db, .sustain .bg__clr .downs, footer .site_footer .middle_ftr ul, footer .site_footer .top_ftr .folw .scio_links li, footer .site_footer .top_ftr .folw .scio_links, .offers .wrapper, .choose_codes .db_choose_area .choosings, .choose_codes .db_choose_area, .innovative .cc .db__global, .sm_logo .scrl, .codes_banner .fan, .counters .count_area .countings, .db__global, .more_bottom, .search1 .all_icons, .__apparea, .site-footer .footer-links, .site-footer .social-icons a, .site-footer .social-icons, .login-signup-scrn .loginMsg .textcontent ul,
.login-signup-scrn .signupMsg .textcontent ul, .login-signup-scrn .loginMsg,
.login-signup-scrn .signupMsg, .login-signup-scrn .backbox, .login-signup-scrn .tab-area, .login-signup-scrn .backb-main, .login-signup-scrn, .vect_logo, .global_head {
  display: flex;
  display: -webkit-flex;
}

/* @extend list-type-ulli; */
list-type-ulli, footer .site_footer .middle_ftr ul, footer .site_footer .top_ftr .folw .scio_links, .site-footer .__otherlinks ul, .site-footer .social-icons, .global-form ul, .navbar-expand-lg .navbar-nav .dropdown-menu .details .inner___pages_links {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body,
html {
  height: 100%;
  overflow: hidden;
}

.sm_ftrs {
  display: none;
}

.headingDiv h3 .animatedHeading.mainSliderHead span {
  margin-bottom: 10px;
}

.drop_shadow {
  background: rgba(0, 0, 0, 0.3);
  width: 600px;
  height: 350px;
  padding: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  margin: auto;
}
.drop_shadow .db_gbl span {
  -webkit-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
  -moz-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
  -ms-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
}
.drop_shadow .headingDiv {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.drop_shadow2 {
  background: rgba(0, 0, 0, 0.3);
  width: 580px;
  height: 265px;
  padding: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  margin: auto;
}
.drop_shadow2 .db_gbl span {
  -webkit-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
  -moz-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
  -ms-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
}
.drop_shadow2 .headingDiv {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.drop_shadow3 {
  background: rgba(0, 0, 0, 0.3);
  width: 580px;
  height: 265px;
  padding: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  margin: auto;
}
.drop_shadow3 .db_gbl span {
  -webkit-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
  -moz-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
  -ms-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
}
.drop_shadow3 .headingDiv {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.drop_shadow4 {
  background: rgba(0, 0, 0, 0.3);
  padding: 15px 10px 2px 15px;
}
.drop_shadow4 .db_gbl span {
  -webkit-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
  -moz-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
  -ms-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
}
.drop_shadow4 .headingDiv {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.drop_shadow5 {
  background: rgba(0, 0, 0, 0.3);
  padding: 15px 10px 2px 15px;
}
.drop_shadow5 .db_gbl span {
  -webkit-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
  -moz-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
  -ms-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
}
.drop_shadow5 .headingDiv {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

/* .abouts .abts_banner .db_main {
  position: absolute;
  left: 0;
  margin: 0 auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
} */

.abouts .abts_banner .db_main {
  position: absolute;
  left: 0;
  margin: 0 auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 100%;
  padding: 0 !important;
  overflow: hidden;
  width: 100%;
}

/* .drop_shadow6 {
  background: rgba(0, 0, 0, 0.3);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 15px 10px 2px 15px;
  margin: 45px 75px;
} */

.drop_shadow6 {
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 15px;
  height: 200px;
  top: 0;
  bottom: 0;
  left: 82px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.drop_shadow6 .db_gbl span {
  -webkit-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
  -moz-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
  -ms-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
}
.drop_shadow6 .headingDiv {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

img.desk_banner_none{
  position: absolute;
  top: 0;
  left: 0;
  z-index: -4;
}

.fixed-header {
  position: fixed;
  background: white;
  width: 100%;
  height: 68px;
}

.visible-title {
  visibility: visible;
}

.abouts .abts_banner .db_main .paras1 {
  margin-bottom: 0;
}
.abouts .abts_banner img {
  width: 100%;
  height: 600px;
}

body {
  font-family: "optimanormal";
  font-weight: 400;
  color: #8b9cae;
  position: relative;
}

.px_extra {
  padding: 0 190px;
}

.benefits {
  padding: 20px 0;
}

.abtcodes_constructions {
  padding: 40px 0;
}

.benefits_title {
  font-family: "Optimabold";
  color: #11141b;
  font-size: 18px;
}

.blog____titles {
  position: relative;
  font-size: 24px;
  color: #11141b;
  font-family: "optimabold";
  height: 50px;
  line-height: 60px;
}
.blog____titles::after {
  position: absolute;
  height: 3px;
  width: 80px;
  content: "";
  left: 0;
  right: 0;
  background: #f1a10a;
  top: 100%;
}

.px_50 {
  padding: 0 70px;
}

.pl_50 {
  padding-left: 70px;
}

.plx_50 {
  padding-left: 170px;
}

.pse {
  padding-left: 70px;
  padding-right: 70px;
}

.pse2 {
  padding: 0 170px;
}

.dropdown {
  position: initial;
}

.dropdown-item {
  padding-top: 0;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  display: block;
  position: absolute;
  top: 67px;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  left: 0;
  visibility: hidden;
  z-index: 999999999999;
  border: 0;
  border-radius: 0;
  padding: 30px 0;
  color: white;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .details {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .details a {
  color: white;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .details a i {
  font-size: 12px;
  margin-left: 10px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .details .abt_active {
  color: #f1a10a;
  font-family: "optimabold";
}
.navbar-expand-lg .navbar-nav .dropdown-menu .details .abt_active i {
  font-size: 12px;
  margin-left: 10px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .details .inner___pages_links {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 0 8px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu .details .inner___pages_links li .dropdown-item {
  padding-bottom: 20px;
  padding-left: 30px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .details .inner___pages_links li .dropdown-item:hover {
  background-color: transparent;
  color: #f1a10a;
  /* transition: all 0.4s ease-in-out; */
}
.navbar-expand-lg .navbar-nav .dropdown-menu .details .inner___pages_links li:last-child .dropdown-item {
  padding-bottom: 0;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .details .inner___pages_links .active_sub_links {
  color: #f1a10a;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .details .inner___pages_links .active_sub_links:hover {
  background-color: transparent;
}

.dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
}

.edgh__heads {
  color: #11141b;
  font-size: 30px;
  font-family: "Optimabold";
}
.edgh__heads .edh_sm {
  display: block;
  font-size: 30px;
}

.text_yellow {
  color: #f1a10a;
}

.top_main_strip {
  position: relative;
}
.top_main_strip::after {
  position: absolute;
  content: "";
  width: 250px;
  background: #f1a10a;
  height: 5px;
  top: 100%;
  right: 0;
}

.top_main_strip2 {
  position: relative;
}
.top_main_strip2::after {
  position: absolute;
  content: "";
  width: 100%;
  background: #f1a10a;
  height: 5px;
  top: 100%;
  right: 0;
}

.__primaryc {
  color: #d2eaff;
}

.__secondaryc {
  color: #f1a10a;
}

.__extrac {
  color: #243465;
}

a {
  color: #11141b;
}
a:hover, a:focus {
  color: #0089bd;
  text-decoration: none;
}

.btn:focus {
  box-shadow: none;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
input:-webkit-autofill {
  color: #11141b !important;
  -webkit-transition: background-color 5500s ease-in-out 0s;
  transition: background-color 5500s ease-in-out 0s;
  -webkit-text-fill-color: #11141b !important;
  -ms-box-shadow: inset 0 0 0 9999px #fff !important;
  box-shadow: inset 0 0 0 9999px #fff !important;
}

.modal-backdrop {
  opacity: 0.8;
}

.list-group {
  border-radius: 0;
  flex-wrap: wrap;
}

.form-control {
  padding: 0.375rem 1.05rem;
  border-radius: 0;
}
.form-control::-webkit-input-placeholder {
  color: #bbbfc8;
}
.form-control:-moz-placeholder {
  color: #bbbfc8;
}
.form-control::-moz-placeholder {
  color: #bbbfc8;
}
.form-control:-ms-input-placeholder {
  color: #bbbfc8;
}
.form-control:focus {
  -ms-box-shadow: none;
  box-shadow: none;
}

.list-group-item.focusin {
  -ms-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

p {
  font-size: 18px;
  color: #11141b;
  font-weight: 500;
  font-family: "optima-mediummedium";
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 400;
}

strong,
label {
  font-weight: 700;
}

.text-muted {
  color: #8b9cae !important;
}

.ui-helper-hidden-accessible {
  display: none;
}

b,
strong {
  font-weight: 600;
}

.no-baggage {
  color: #fe0000;
}

.baggage-available {
  color: #55b031;
}

.form-control:disabled,
.form-control[readonly] {
  background: #fff;
}

.hp-success-msg {
  text-align: center;
  color: #55b031;
  display: none;
}
.hp-success-msg svg {
  display: block;
  text-align: center;
  margin: 0 auto;
}
.hp-success-msg #successAnimationResult {
  fill: #55b031;
  opacity: 0;
}
.hp-success-msg #successAnimationCircle {
  stroke-dasharray: 151px 151px;
  stroke: #55b031;
}
.hp-success-msg #successAnimationCheck {
  stroke-dasharray: 36px 36px;
  stroke: #55b031;
}
.hp-success-msg .Successanimated #successAnimationResult {
  -webkit-animation: 0.3s linear 0.9s both fadeIn;
          animation: 0.3s linear 0.9s both fadeIn;
}
.hp-success-msg .Successanimated #successAnimationCircle {
  -webkit-animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCircle, 0.3s linear 0.9s 1 both fadeOut;
          animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCircle, 0.3s linear 0.9s 1 both fadeOut;
}
.hp-success-msg .Successanimated #successAnimationCheck {
  -webkit-animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCheck, 0.3s linear 0.9s 1 both fadeOut;
          animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCheck, 0.3s linear 0.9s 1 both fadeOut;
}

.global_head {
  align-items: center;
  flex-direction: column;
  text-align: center;
  color: #fff;
  padding: 9rem 0 4rem 0;
}
.global_head .__ghead {
  color: #11141b;
  line-height: 1.5;
  margin-bottom: 0;
  font-size: 74px;
  font-weight: 700;
  position: relative;
  width: 100%;
  color: #fff;
}
.global_head span {
  display: block;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 500;
  margin-top: 25px;
  z-index: 2;
  color: #fff;
  line-height: 1.9;
}
.global_head p {
  line-height: 2;
  margin-bottom: 0;
  margin-top: 30px;
}

.btn_global {
  color: #fff;
  border: 1px solid #808080;
  border-radius: 100px;
  padding: 18px 40px;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
}
.btn_global:hover {
  color: #fff;
  background: #243465;
  opacity: 0.9;
}
.btn_global i {
  margin-left: 10px;
}

.vect_logo {
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.vect_logo span {
  font-size: 16px;
  font-weight: 600;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin-top: 11px;
}

.main_global_head {
  margin-top: 10px;
}
.main_global_head .intellect_head {
  font-size: 44px;
  font-weight: 700;
  color: #fff;
}

.flex-direction-nav {
  position: relative !important;
}
.flex-direction-nav a {
  top: -28px !important;
  width: 40px !important;
  height: 40px !important;
  border: 2px solid #808080;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 100px !important;
  line-height: 0;
  opacity: 1 !important;
}
.flex-direction-nav .flex-disabled {
  opacity: 0.6 !important;
  z-index: 99 !important;
}

.prof_name {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
}

.acd_section {
  padding: 4em 0;
}

.__head ._gbl___head {
  color: #474747;
  font-size: 24px;
  font-weight: 700;
  font-size: 34px;
}
.__head ._gbl___head .___ghead {
  color: #f1a10a;
}

._gbl_btn {
  border: 2px solid #f1a10a;
  color: #fff;
  font-size: 12px;
  padding: 14px 40px;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  margin-right: 8px;
  font-weight: 500;
}
._gbl_btn:hover {
  background: #f1a10a;
  color: #fff;
}

.global_para {
  font-size: 12px;
  color: #11141b;
  font-weight: 600;
}

.form-select {
  border: 1px solid #808080;
  font-size: 12px;
  color: #bbb;
  height: 36px;
}
.form-select:focus {
  box-shadow: none;
  border-color: #808080;
}

.dtl1 {
  color: #11141b;
  font-size: 10px;
  font-weight: 600;
}

.__btns {
  background: #085281;
  -ms-box-shadow: 0 6px 5px 1px rgba(102, 158, 170, 0.75);
  box-shadow: 0 6px 5px 1px rgba(102, 158, 170, 0.75);
  color: #fff;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
}

.main___head .heads {
  color: #474747;
  font-size: 40px;
  font-weight: 700;
}
.main___head .heads span {
  color: #f1a10a;
}

a {
  text-decoration: none;
}

.modal__login .modal-dialog .modal-content {
  background: transparent;
  border: 0;
}
.modal__login .modal-dialog .modal-content .modal-body {
  padding: 0;
}

.login-signup-scrn {
  width: 100%;
  height: 680px;
  background: transparent;
  align-items: center;
  margin: 0 auto;
  position: relative;
}
.login-signup-scrn button.close {
  position: absolute;
  top: 50px;
  left: 30px;
  z-index: 13;
}
.login-signup-scrn .backb-main {
  height: 620px;
  width: 100%;
}
.login-signup-scrn .tab-area {
  width: 100px;
  height: 620px;
  background: #f9f9f9;
  border-right: 1px solid #808080;
  border-radius: 6px 0 0 6px;
  z-index: 11;
}
.login-signup-scrn .tab-area .nav-tabs {
  align-self: center;
  flex-direction: column;
  width: 100%;
}
.login-signup-scrn .tab-area .nav-tabs .nav-item {
  margin-right: -1px;
}
.login-signup-scrn .tab-area .nav-tabs .nav-item .nav-link {
  text-align: center;
  border-radius: 0;
  padding: 15px 10px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  background-color: transparent;
  border-left: none;
  border-right: none;
  border-color: #808080;
  color: #11141b;
}
.login-signup-scrn .tab-area .nav-tabs .nav-item .nav-link.active, .login-signup-scrn .tab-area .nav-tabs .nav-item .nav-link:hover, .login-signup-scrn .tab-area .nav-tabs .nav-item .nav-link:focus {
  background-color: #d2eaff;
  color: #fff;
}
.login-signup-scrn .form-group {
  margin-bottom: 0;
}
.login-signup-scrn .form-control {
  font-size: 14px;
  height: 50px;
}
.login-signup-scrn .form-control:not(:-moz-placeholder-shown) ~ .cc-label {
  top: 6px;
  font-size: 10px;
}
.login-signup-scrn .form-control:not(:-ms-input-placeholder) ~ .cc-label {
  top: 6px;
  font-size: 10px;
}
.login-signup-scrn .form-control:not([disabled]):focus ~ .cc-label, .login-signup-scrn .form-control:not(:placeholder-shown) ~ .cc-label {
  top: 6px;
  font-size: 10px;
}
.login-signup-scrn .list-group-item {
  padding: 0;
}
.login-signup-scrn .list-group-item .cc-label {
  top: 16px;
}
.login-signup-scrn .cc__validation .iconExclamationFull {
  top: 18px;
}
.login-signup-scrn .cc__validation .validationBox {
  top: -15px;
}
.login-signup-scrn .backbox {
  background: #fff;
  width: 100%;
  height: 620px;
  align-items: center;
  flex-wrap: wrap;
  border-radius: 0 15px 15px 0;
  /* front box content*/
}
.login-signup-scrn .backbox .login,
.login-signup-scrn .backbox .signup {
  padding: 0 25px;
  width: 50%;
  transition: 0.3s opacity linear, 0.3s left linear;
}
.login-signup-scrn .backbox .login h2,
.login-signup-scrn .backbox .signup h2 {
  color: #d2eaff;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.login-signup-scrn .backbox .login .forgot-txt,
.login-signup-scrn .backbox .signup .forgot-txt {
  color: #d2eaff;
  font-size: 13px;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 500;
  margin-top: 1rem;
}
.login-signup-scrn .backbox .login .other-txt,
.login-signup-scrn .backbox .signup .other-txt {
  color: #11141b;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  padding: 10px 0;
  margin: 0;
}
.login-signup-scrn .backbox .login .top-txt,
.login-signup-scrn .backbox .signup .top-txt {
  color: #8b9cae;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
}
.login-signup-scrn .backbox .login .footer-txt,
.login-signup-scrn .backbox .signup .footer-txt {
  margin-top: 15px;
}
.login-signup-scrn .backbox .inputbox {
  margin-top: 30px;
}
.login-signup-scrn .backbox .inputbox .form-check {
  padding: 10px 0 20px;
}
.login-signup-scrn .backbox .inputbox .form-check label {
  display: initial;
  font-weight: 400;
  font-size: 14px;
}
.login-signup-scrn .backbox .inputbox .btn-global {
  font-size: 13px;
}
.login-signup-scrn .backbox .social-wrap {
  width: 60%;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
}
.login-signup-scrn .backbox .social-wrap .s-btn {
  display: flex;
  flex-direction: row;
  color: #fff;
  border-radius: 6px;
  padding: 0;
  margin-bottom: 10px;
  border: none;
}
.login-signup-scrn .backbox .social-wrap .s-btn:hover {
  text-decoration: none;
}
.login-signup-scrn .backbox .social-wrap .s-btn .s-icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  margin: 0;
}
.login-signup-scrn .backbox .social-wrap .s-btn .s-icon.fb-bg {
  background: #263d69;
}
.login-signup-scrn .backbox .social-wrap .s-btn .s-icon.gl-bg {
  background: #c53127;
}
.login-signup-scrn .backbox .social-wrap .s-btn .s-txt {
  width: calc(100% - 40px);
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.login-signup-scrn .backbox .social-wrap .s-btn .s-txt.fb {
  background: #3b5999;
}
.login-signup-scrn .backbox .social-wrap .s-btn .s-txt.gl {
  background: #f54337;
}
.login-signup-scrn .frontbox {
  background: linear-gradient(to left, #d2eaff, #ff6637);
  border-radius: 21px;
  height: 680px;
  width: calc(52% - 94px);
  z-index: 10;
  position: absolute;
  right: 2%;
  text-align: left;
  transition: right 0.8s ease-in-out;
  overflow: hidden;
}
.login-signup-scrn .moving {
  right: 47%;
}
.login-signup-scrn label {
  display: none;
}
.login-signup-scrn .loginMsg,
.login-signup-scrn .signupMsg {
  width: 100%;
  height: 100%;
  font-size: 15px;
  box-sizing: border-box;
  align-items: center;
  transition: opacity 0.8s ease-in-out;
}
.login-signup-scrn .loginMsg .textcontent,
.login-signup-scrn .signupMsg .textcontent {
  text-align: left;
  padding: 2rem;
}
.login-signup-scrn .loginMsg .textcontent .title,
.login-signup-scrn .signupMsg .textcontent .title {
  font-size: 24px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 20px;
}
.login-signup-scrn .loginMsg .textcontent ul,
.login-signup-scrn .signupMsg .textcontent ul {
  flex-flow: column;
  margin: 0;
}
.login-signup-scrn .loginMsg .textcontent ul li,
.login-signup-scrn .signupMsg .textcontent ul li {
  font-size: 14px;
  color: #fff;
  padding: 10px 0;
}
.login-signup-scrn .loginMsg .textcontent .login-txt,
.login-signup-scrn .signupMsg .textcontent .login-txt {
  font-size: 14px;
  color: #fff;
}
.login-signup-scrn .loginMsg button,
.login-signup-scrn .signupMsg button {
  border: 1px solid #fff;
  margin-top: 20px;
}
.login-signup-scrn .visibility {
  opacity: 0;
  display: none;
}
.login-signup-scrn .hide {
  display: none;
}
.login-signup-scrn .strength {
  height: 0px;
  width: 100%;
  background: #ccc;
  margin-top: 0;
  overflow: hidden;
  transition: height 0.3s;
}
.login-signup-scrn .strength span {
  width: 0px;
  height: 3px;
  display: block;
  transition: width 0.3s;
}

.btn-global {
  background: linear-gradient(to left, #d2eaff, #ff6637);
  color: #fff;
  border-radius: 6px;
  padding: 0.65rem 1rem;
}
.btn-global:hover, .btn-global:focus {
  color: #fff;
  background: linear-gradient(to top, #d2eaff, #ff6637);
}

.btn-outline {
  background: transparent;
  color: #d2eaff;
  border-color: #d2eaff;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.65rem 1rem;
  border-radius: 6px;
}
.btn-outline:hover, .btn-outline:focus {
  color: #fff;
  background: linear-gradient(to top, #d2eaff, #ff6637);
}

.select2-results__options {
  font-size: 14px;
}

.select2-dropdown {
  min-width: 175px;
}

.content__area .global__head {
  margin-bottom: 0;
}

.static-pg-banner {
  background-size: cover;
  min-height: 640px;
  position: relative;
}
.static-pg-banner .page-hd {
  font-weight: 700;
  font-size: 68px;
  color: #fff;
  margin: 160px 0 0;
}
.static-pg-banner .page-hd small {
  font-size: 24px;
  display: block;
  margin-top: 10px;
}

.static-pg {
  position: relative;
  padding: 0;
}

.site-footer {
  background-color: #fff;
  font-size: 14px;
  line-height: 24px;
  color: #8b9cae;
}
.site-footer .cd__section {
  padding-top: 3.5rem;
}
.site-footer hr {
  border-top-color: #808080;
  opacity: 0.5;
}
.site-footer hr.small {
  margin: 20px 0;
}
.site-footer h6 {
  color: #8b9cae;
  font-size: 24px;
  margin: 2rem 0;
  font-weight: 500;
  text-transform: capitalize;
}
.site-footer p {
  margin-bottom: 15px;
}
.site-footer a {
  color: #8b9cae;
}
.site-footer a:hover {
  color: #d2eaff;
  text-decoration: none;
}
.site-footer .social-icons {
  margin-bottom: 15px;
  justify-content: flex-end;
}
.site-footer .social-icons li {
  margin-right: 10px;
}
.site-footer .social-icons li.title {
  margin-right: 15px;
  color: #8b9cae;
  font-weight: 600;
  font-size: 16px;
}
.site-footer .social-icons li:last-child {
  margin-right: 0;
}
.site-footer .social-icons a {
  background-color: #fff;
  color: #8b9cae;
  font-size: 16px;
  width: 30px;
  height: 30px;
  justify-content: center;
  border: 1px solid #bbbfc8;
  border-radius: 100%;
  transition: all 0.2s linear;
}
.site-footer .social-icons a i {
  color: #8b9cae;
  align-self: center;
}
.site-footer .social-icons a:active, .site-footer .social-icons a:focus, .site-footer .social-icons a:hover {
  color: #fff;
  background-color: #d2eaff;
  border: 1px solid transparent;
}
.site-footer .social-icons a.size-sm a {
  line-height: 34px;
  height: 34px;
  width: 34px;
  font-size: 13px;
}
.site-footer .social-icons a.facebook:hover {
  background-color: #3b5998;
}
.site-footer .social-icons a.facebook:hover i {
  color: #fff;
}
.site-footer .social-icons a.twitter:hover {
  background-color: #00aced;
}
.site-footer .social-icons a.twitter:hover i {
  color: #fff;
}
.site-footer .social-icons a.instagram:hover {
  background-color: #125688;
}
.site-footer .social-icons a.instagram:hover i {
  color: #fff;
}
.site-footer .social-icons a.youtube {
  font-size: 14px;
}
.site-footer .social-icons a.youtube:hover {
  background-color: #b00;
}
.site-footer .social-icons a.youtube:hover i {
  color: #fff;
}
.site-footer .footer-links {
  padding-left: 0;
  list-style: none;
  flex-wrap: wrap;
}
.site-footer .footer-links li {
  display: block;
  padding-bottom: 15px;
  width: 25%;
}
.site-footer .footer-links a {
  color: #11141b;
  font-size: 15px;
  font-weight: 500;
}
.site-footer .footer-links a:active, .site-footer .footer-links a:focus, .site-footer .footer-links a:hover {
  color: #f1a10a;
  text-decoration: none;
}
.site-footer .footer-links.inline li {
  display: inline-block;
}
.site-footer .__otherlinks {
  background: #f7f7f7;
  padding: 20px 0;
}
.site-footer .__otherlinks ul .list-group-item {
  background: transparent;
  width: auto;
  border: none;
  padding: 0 10px;
  border-left: 1px solid #11141b;
  line-height: 1.2;
  border-radius: 0;
}
.site-footer .__otherlinks ul .list-group-item a {
  color: #11141b;
  font-weight: 500;
}
.site-footer .__otherlinks ul .list-group-item a:hover, .site-footer .__otherlinks ul .list-group-item a:focus, .site-footer .__otherlinks ul .list-group-item a:active {
  color: #f1a10a;
}
.site-footer .__otherlinks ul .list-group-item:first-child {
  border-left: 0;
}

.form-control {
  height: 70px;
  border: none;
  padding-top: 20px;
}
.form-control::-moz-placeholder {
  opacity: 0;
}
.form-control:-ms-input-placeholder {
  opacity: 0;
}
.form-control::placeholder {
  opacity: 0;
}

.form-group .cc-label {
  position: absolute;
  top: 23px;
  color: #ccc;
  left: 20px;
  pointer-events: none;
  font-weight: 300;
  transition: 0.3s all ease-in-out;
}
.form-group input.form-control:not(:-moz-placeholder-shown) ~ .cc-label, .form-group select.form-control:not(:-moz-placeholder-shown) ~ .cc-label, .form-group textarea.form-control:not(:-moz-placeholder-shown) ~ .cc-label {
  top: 8px;
  font-size: 11px;
  z-index: 4;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.form-group input.form-control:not(:-ms-input-placeholder) ~ .cc-label, .form-group select.form-control:not(:-ms-input-placeholder) ~ .cc-label, .form-group textarea.form-control:not(:-ms-input-placeholder) ~ .cc-label {
  top: 8px;
  font-size: 11px;
  z-index: 4;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.form-group input.form-control:not([disabled]):focus ~ .cc-label, .form-group input.form-control:not(:placeholder-shown) ~ .cc-label,
.form-group select.form-control:not([disabled]):focus ~ .cc-label,
.form-group select.form-control:not(:placeholder-shown) ~ .cc-label,
.form-group textarea.form-control:not([disabled]):focus ~ .cc-label,
.form-group textarea.form-control:not(:placeholder-shown) ~ .cc-label {
  top: 8px;
  font-size: 11px;
  z-index: 4;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.form-group input:-webkit-autofill:not([disabled]):focus ~ .cc-label, .form-group input:-webkit-autofill:not(:placeholder-shown) ~ .cc-label {
  top: 8px;
  font-size: 11px;
  z-index: 4;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.form-group textarea .cc-label {
  top: 12px;
}
.form-group textarea.form-control:not(:-moz-placeholder-shown) ~ .cc-label {
  display: block;
  width: 100%;
  background: #d2eaff;
  left: 0;
  text-indent: 15px;
  top: 0;
  padding: 2px 0;
  color: #fff;
  line-height: 1.2;
}
.form-group textarea.form-control:not(:-ms-input-placeholder) ~ .cc-label {
  display: block;
  width: 100%;
  background: #d2eaff;
  left: 0;
  text-indent: 15px;
  top: 0;
  padding: 2px 0;
  color: #fff;
  line-height: 1.2;
}
.form-group textarea.form-control:not([disabled]):focus ~ .cc-label, .form-group textarea.form-control:not(:placeholder-shown) ~ .cc-label {
  display: block;
  width: 100%;
  background: #d2eaff;
  left: 0;
  text-indent: 15px;
  top: 0;
  padding: 2px 0;
  color: #fff;
  line-height: 1.2;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch input:checked + .slider {
  background-color: #d2eaff;
}
.switch input:focus + .slider {
  box-shadow: 0 0 1px #d2eaff;
}
.switch input:checked + .slider:before {
  transform: translateX(26px);
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
}
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}

.egh_head {
  text-align: justify;
}

/* search form */
.inp_search {
  background: #f9f9f9;
  padding: 10px;
  margin-bottom: 2rem;
}
.inp_search .sf_global {
  background: transparent;
  padding: 10px 0px 35px;
  border-radius: 0 6px 6px 6px;
  width: 100%;
}
.inp_search .sf_global .btn-search {
  bottom: -9px;
}

/* passenger form */
.__paxcontainer:before {
  content: "\e87d";
  font-family: "dwtltdv4-icons";
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 14px;
  color: #11141b;
  transform: translateY(-10px);
  pointer-events: none;
}
.__paxcontainer .pssngr-count {
  position: absolute;
  line-height: 3;
  font-size: 15px;
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 20px 20px 6px;
  color: #11141b;
  top: 0;
  margin-bottom: 0;
  pointer-events: none;
  display: flex;
}
.__paxcontainer .pssngr-count .total {
  padding-right: 5px;
}
.__paxcontainer .class_change {
  background: none;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-box-shadow: none;
  box-shadow: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* more option */
.datep .dep_dat {
  display: none;
  position: absolute;
  top: 30px;
  z-index: 11;
  font-size: 15px;
  left: 7.2em;
  font-weight: 400;
  color: #8b9cae;
}

.hnights {
  position: absolute;
  top: 5px;
  right: 10px;
  z-index: 3;
  font-size: 11px;
  color: #fff;
  background: #243465;
  border-radius: 50px;
  padding: 2px 8px;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  -webkit-text-shadow: 0 0 0.2px rgba(255, 255, 255, 0.5);
  -moz-text-shadow: 0 0 0.2px rgba(255, 255, 255, 0.5);
  -ms-text-shadow: 0 0 0.2px rgba(255, 255, 255, 0.5);
  text-shadow: 0 0 0.2px rgba(255, 255, 255, 0.5);
  visibility: hidden;
}

.__apparea .dwt-sprite {
  margin-right: 10px !important;
}

.__invalid {
  border: 1px solid #fe0000;
}

/* validation */
.cc__validation {
  position: relative;
}
.cc__validation .validation__error {
  width: 100%;
  position: absolute;
  right: 0;
}
.cc__validation .validationBox {
  padding: 3px 10px;
  position: absolute;
  right: 2px;
  top: -8px;
  background: #fe0000;
  color: #fff;
  border-radius: 3px;
  z-index: 5;
  font-size: 11px;
  opacity: 0;
  visibility: hidden;
}
.cc__validation .validationBox:after {
  content: "";
  position: absolute;
  border: solid transparent;
  border-top-color: #fe0000;
  border-width: 6px;
  top: 22px;
  right: 20px;
}
.cc__validation .iconExclamationFull {
  right: 20px;
  position: absolute;
  top: 27px;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
.cc__validation .iconExclamationFull:before {
  content: "\e86f";
  color: #fe0000;
  font-size: 24px;
}
.cc__validation .iconExclamationFull.show {
  opacity: 1;
  visibility: visible;
}
.cc__validation .iconExclamationFull:hover ~ .validationBox {
  opacity: 1;
  visibility: visible;
}
.cc__validation ._read .iconExclamationFull {
  opacity: 1 !important;
  visibility: visible !important;
}
.cc__validation ._read .iconExclamationFull:before {
  color: #ed973c;
}
.cc__validation ._read .iconExclamationFull:hover ~ .validationBox {
  opacity: 1 !important;
  visibility: visible !important;
}
.cc__validation ._read .validationBox {
  background: #ed973c !important;
}
.cc__validation ._read .validationBox:after {
  border-top-color: #ed973c !important;
}

.__select:before {
  content: "\e87d";
  font-family: "dwtltdv4-icons";
  position: absolute;
  right: 8px;
  top: 50%;
  font-size: 13px;
  color: #11141b;
  transform: translateY(-5px);
  pointer-events: none;
  z-index: 4;
}

@-webkit-keyframes pulse-bg {
  0% {
    background-color: #ddd;
  }
  50% {
    background-color: #d0d0d0;
  }
  100% {
    background-color: #ddd;
  }
}

@keyframes pulse-bg {
  0% {
    background-color: #ddd;
  }
  50% {
    background-color: #d0d0d0;
  }
  100% {
    background-color: #ddd;
  }
}
@-webkit-keyframes scaleAnimation {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes scaleAnimation {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes drawCircle {
  0% {
    stroke-dashoffset: 151px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes drawCircle {
  0% {
    stroke-dashoffset: 151px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes drawCheck {
  0% {
    stroke-dashoffset: 36px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes drawCheck {
  0% {
    stroke-dashoffset: 36px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.toast {
  position: fixed;
  top: 15px;
  right: 15px;
  z-index: -1;
}
.toast .toast-header strong {
  font-weight: 500;
}
.toast .toast-header button {
  color: #fff;
  opacity: 1;
  font-weight: 400;
}
.toast.error_toast {
  opacity: 1;
  z-index: 11;
}
.toast.error_toast .toast-header {
  background: #fe0000;
  color: #fff;
}
.toast.error_toast .toast-body {
  color: #fe0000;
}
.toast.success_toast {
  opacity: 1;
  z-index: 11;
}
.toast.success_toast .toast-header {
  background: #55b031;
  color: #fff;
}
.toast.success_toast .toast-body {
  color: #55b031;
}

.show_pass {
  color: #11141b;
  font-size: 24px;
  position: absolute;
  right: 35px;
  top: 50%;
  margin-top: -17px;
  z-index: 2;
}
.show_pass i {
  font-weight: 600;
  color: #d2eaff;
}

.search-field1 {
  padding: 5px;
  display: flex;
  background-color: #f1a10a;
  opacity: 0;
  position: relative;
  transform: translateY(10px);
  transition: all 0.3s ease-in-out !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: 104px;
  left: 0;
  right: 94px;
  margin-left: auto;
  border-radius: 6px;
}

.search1 .all_icons > div {
  padding: 0 15px;
}
.search1 .all_icons > div a {
  text-decoration: none;
}
.search1 .all_icons > div i {
  color: #fff;
  font-size: 22px;
}

.form-active {
  opacity: 1;
  display: flex;
  transform: translateY(0px) !important;
  transition: all 0.2s ease-in-out;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

input {
  border: 0;
  outline: 0;
}

.search-field1 input[type=text] {
  height: 38px;
  width: 250px;
  border: 1px solid #f1a10a;
  padding: 0px 10px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  font-size: 18px;
}

.search-field1 input[type=submit] {
  background: rgb(129, 175, 129);
  color: #fff;
  padding: 0px 10px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 14px;
  background: #f1a10a;
}

/* Responsive scss start here */
.db_gbl {
  font-size: 40px;
  color: #fff;
  font-weight: 700;
  font-family: "Optimabold";
}

.db_bottom {
  position: relative;
}
.db_bottom::before {
  position: absolute;
  content: "";
  width: calc(100% - 20px);
  background: #f1a10a;
  height: 5px;
  top: 100%;
}

.more_bottom {
  position: relative;
  padding-bottom: 4px;
  align-items: center;
  font-size: 18px;
  font-family: "optimabold";
}
.more_bottom::after {
  position: absolute;
  content: "";
  height: 2px;
  background: #f1a10a;
  width: 102px;
  top: 100%;
  left: 0;
}
.more_bottom i {
  margin-left: 14px;
}
.more_bottom:hover {
  color: inherit;
}

.db__global {
  color: #11141b;
  font-size: 50px;
  font-weight: 600;
  justify-content: center;
  text-align: center;
  font-family: "Optimabold";
  padding: 25px 0;
}

.abt {
  color: #11141b;
  font-size: 50px;
  font-weight: 600;
  font-family: "optimabold";
  font-weight: 600;
}
.abt .cons {
  position: relative;
}
.abt .cons::after {
  position: absolute;
  content: "";
  width: 100%;
  background: #f1a10a;
  height: 7px;
  top: 100%;
  right: 0;
}

.toggle_btn {
  position: absolute;
  cursor: pointer;
  right: 0;
  margin-left: auto;
  top: 0;
  background: #f1a10a;
  height: 74px;
  width: 71px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

header {
  z-index: 99999 !important;
  padding: 6px 0;
  -ms-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
  background: #fff;
}
header .navbar .brands {
  width: 140px;
}
header .navbar .brands img {
  width: 140px;
}
header .navbar-nav .nav-item .nav-link {
  color: #8b9cae;
  text-decoration: none;
  padding: 0 40px;
}
header .navbar-nav .nav-item .nav-link.active {
  position: relative;
  font-weight: bold;
}
header .navbar-nav .nav-item .nav-link.active::after {
  content: "";
  width: 100%;
}
header .navbar-nav .nav-item .nav-link::after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: #f1a10a;
  transition: width 0.3s;
  color: transparent;
}
header .navbar-nav .nav-item .nav-link:hover::after {
  width: 100%;
  transition: width 0.3s;
}
header .navbar-nav .nav-item.dropdown .nav-link::after {
  display: none;
}
header .navbar-nav .nav-item.dropdown .nav-link i {
  font-size: 12px;
  margin-left: 8px;
}
header .navbar-nav .nav-item.dropdown .active .active_span {
  border-bottom: 2px solid #f1a10a;
}

.swiper {
  width: 100%;
  height: 600px;
  position: relative;
}
.swiper .slider4 .top_main_strip::after {
  right: 0;
}
.swiper .right_sm_banner {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  right: 70px;
  bottom: 35px;
  padding: 5px 20px;
  font-size: 15px;
}
.swiper .right_sm_banner span {
  display: block;
  color: #fff;
  text-align: right;
}
.swiper .right_sm_banner span:last-child {
  font-weight: 700;
  font-family: "optimabold";
}
.swiper .bar {
  position: absolute;
  right: 0;
  height: 100%;
  background: #fff;
  z-index: 100;
  width: 70px;
  background: #e7e7e6;
  opacity: 0.9;
}
.swiper .swiper-wrapper .px_50 {
  position: relative;
  height: 100%;
}
.swiper .swiper-wrapper .db_main {
  padding-top: 0px !important;
  position: absolute;
  height: 100%;
  width: 100%;
}
.swiper .swiper-wrapper .db_main .paras1 {
  color: #e9eaeb;
  padding-top: 1em;
  font-weight: 400;
  font-family: "Optimanormal";
  font-size: 15px;
}
.swiper .db_main .more_bottom {
  color: #fff;
  font-family: "optimanormal";
  font-size: 16px;
}
.swiper .db_main .more_bottom::after {
  width: 112px;
}

.lwer_ar {
  position: relative;
}
.lwer_ar ._cll_bck {
  position: absolute;
  right: 0;
  margin-left: auto;
  height: 170px;
  width: 170px;
  background: #f1a10a;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  right: 90px;
  top: -130px;
  z-index: 9;
}
.lwer_ar ._cll_bck .smm {
  position: absolute;
  top: -25px;
  left: 72px;
}
.lwer_ar ._cll_bck .smm img {
  width: 40px;
}
.lwer_ar ._cll_bck i {
  color: #fff;
  font-size: 28px;
}
.lwer_ar ._cll_bck span {
  color: #fff;
  font-size: 24px;
}
.lwer_ar .dots {
  position: absolute;
  right: 58px;
  z-index: 9;
  top: 5px;
}
.lwer_ar .dots img {
  width: 80px;
}
.lwer_ar .bx {
  position: absolute;
  right: -19px;
  top: 50px;
}
.lwer_ar .bx02 {
  position: absolute;
  right: 115px;
  top: 200px;
}
.lwer_ar .bx02 img {
  width: 40px;
}

.project_slider .db__global::after {
  top: 170px;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
}

.swiper-pagination {
  left: 0;
  right: 0;
  margin: 0;
  margin: 0 auto;
  margin-left: auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  top: 40% !important;
  height: 0 !important;
  margin: 0 !important;
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: 0 !important;
  opacity: 0 !important;
}

.swiper-pagination-bullet-active {
  position: relative;
  background: none;
  background: #d1d1d0 !important;
}
.swiper-pagination-bullet-active::after {
  transition: all 0.3s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 2px;
  background: #f1a10a;
  left: -12px;
  transition: all 0.3s;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 290px !important;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 10px !important;
  margin: 10px 0 !important;
  height: 2px !important;
  position: relative;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::before,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet::before {
  position: absolute;
  width: 10px;
  height: 1px;
  content: "";
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto !important;
  top: 122px !important;
  background: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  transform: rotate(90deg);
}

.swiper-button-next {
  top: initial !important;
  bottom: 185px;
  left: 0 !important;
  margin: 0 auto !important;
  right: 0 !important;
  background: none;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "\f175" !important;
  font-family: "Font Awesome 5 Pro" !important;
  color: #11141b;
  font-weight: 14px;
  background: none;
  font-size: 21px !important;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "\f176" !important;
  font-family: "Font Awesome 5 Pro" !important;
  color: #11141b;
  font-weight: 14px;
  background: none;
  font-size: 21px !important;
}

.bottom_Sweeps .vvv {
  margin: 0 auto !important;
  left: 0;
  margin: 0 auto !important;
  right: 0 !important;
  width: 100% !important;
  display: table-row;
  bottom: 40px !important;
}

.bottom_Sweeps .vvv .swiper-pagination-bullet {
  position: relative;
  margin: 0 !important;
  height: 0 !important;
  margin: 0 5px !important;
}
.bottom_Sweeps .vvv .swiper-pagination-bullet::after {
  width: 10px !important;
  height: 10px !important;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  border-radius: 100px !important;
  top: 10px;
  background: #f1f1f1;
  opacity: 0.8;
}
.bottom_Sweeps .vvv .swiper-pagination-bullet.swiper-pagination-bullet-active {
  margin: 0 !important;
}
.bottom_Sweeps .vvv .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  width: 10px !important;
  height: 10px !important;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  background: #d2d2d2;
  margin: 0 !important;
  border-radius: 100px !important;
}

.counters {
  position: relative;
}
.counters .v_line {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 220px;
}
.counters .v_line img {
  display: flex;
  height: 70px;
  margin: 0 auto;
}
.counters .wind {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 350px;
}
.counters .wind img {
  display: flex;
  width: 20px;
  margin: 0 auto;
}
.counters .pl {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  top: 30px;
}
.counters .pl img {
  width: 32px;
}
.counters .crlce {
  position: absolute;
  left: 570px;
  top: 255px;
}
.counters .crlce img {
  width: 40px;
}
.counters .count_area {
  display: flex;
  justify-content: space-between;
  padding-top: 2em;
}
.counters .count_area .gfd {
  display: flex;
  justify-content: center;
  position: relative;
}
.counters .count_area .gfd .vdv {
  cursor: pointer;
}
.counters .count_area .gfd .vdv .vd__area {
  margin-left: auto;
}
.counters .count_area .gfd .vdv .vd__area img {
  width: 100%;
}
.counters .count_area .gfd .dots2 {
  position: absolute;
  top: -42px;
  right: -22px;
}
.counters .count_area .gfd .dots2 img {
  width: 80px;
}
.counters .count_area .counter__div {
  display: flex;
  width: 60%;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0 63px;
}
.counters .count_area .countings {
  flex-direction: column;
  align-items: flex-start;
}
.counters .count_area .countings img {
  width: 28px;
}
.counters .count_area .countings .numbers {
  color: #f1a10a;
  font-size: 54px;
  font-weight: 600;
  padding: 5px 0;
}
.counters .count_area .countings p {
  margin-bottom: 0;
  font-weight: 600;
}
.counters .count_area .inner_div {
  position: relative;
  width: 40%;
}
.counters .count_area .inner_div .circles2 {
  position: absolute;
  right: -78px;
  z-index: 5;
  /* display: flex; */
  /* justify-content: center; */
  top: 85px;
}
.counters .count_area .inner_div .circles2 img {
  width: 50px;
}
.counters .count_area .water_edge {
  width: 100%;
  height: 240px;
}
.counters .dt {
  position: absolute;
  left: 234px;
  top: 125px;
}
.counters .dt img {
  width: 120px;
}
.counters .ssdw {
  position: absolute;
  left: 430px;
  top: -360px;
}
.counters .ssdw img {
  width: 30px;
}
.counters ._cir {
  position: absolute;
  top: -346px;
  left: 165px;
}
.counters ._cir img {
  width: 20px;
}
.counters .gxt {
  position: absolute;
  left: -72px;
  top: 210px;
}
.counters .gxt img {
  width: 170px;
}

.bn_rht .banners_rght {
  background: url(/images/Right_BG.svg?104cd1ba57c17608e6a1c2595c8d935f) no-repeat, white;
  z-index: 99;
  background-position: right;
  height: 745px;
  position: absolute;
  right: 0;
  left: 0;
  z-index: -1;
  top: 400px;
}

.codes_banner .codes {
  padding-top: 5em;
  position: relative;
}
.codes_banner .codes .circle3 {
  position: absolute;
  left: 440px;
  top: 50px;
}
.codes_banner .codes .circle3 img {
  width: 25px;
}
.codes_banner .codes .areas {
  justify-content: space-between;
  padding: 0 45px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 2em;
}
.codes_banner .codes .areas .cd__line {
  position: absolute;
  left: -51px;
  top: 150px;
}
.codes_banner .codes .areas .cd__line img {
  width: 45px;
}
.codes_banner .codes .areas .tfs p {
  font-family: "Optimabold";
  padding-right: 15px;
  color: #11141b;
  text-align: justify;
  padding-top: 10px;
}
.codes_banner .codes .areas .efs p, .codes_banner .codes .areas .xfs p {
  font-family: "optima-mediummedium";
  padding-right: 20px;
  text-align: justify;
}
.codes_banner .codes .__circles {
  position: absolute;
  left: 222px;
  top: 320px;
}
.codes_banner .codes .__circles img {
  width: 30px;
}
.codes_banner .codes .vr__lines {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.codes_banner .codes .vr__lines img {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  height: 90px;
}
.codes_banner .codes .sm__line {
  position: absolute;
  left: 780px;
  top: 240px;
}
.codes_banner .codes .sm__line img {
  width: 40px;
}
.codes_banner .fan {
  justify-content: center;
}
.codes_banner .fan img {
  width: 32px;
}

.sm_logo .scrl {
  justify-content: center;
}
.sm_logo .scrl img {
  width: 20px;
  cursor: pointer;
}

.db__global.bottom_center {
  position: relative;
}
.db__global.bottom_center::after {
  position: absolute;
  height: 5px;
  width: 81px;
  width: 70px;
  content: "";
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #f1a10a;
  bottom: 20px;
}

.innovative {
  padding-top: 0em;
}
.innovative .cc {
  position: relative;
}
.innovative .cc .db__global {
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 13px;
}
.innovative .cc .db__global::after {
  width: 104px;
}
.innovative .cc img {
  width: 100%;
}

.rt {
  position: relative;
}
.rt .right__lines {
  position: absolute;
  right: 0;
  top: -443px;
}
.rt .right__lines img {
  height: 80px;
}

.choose_codes {
  background: url(/images/Left_BG.svg?85b4e8ca6b547c92ab3a3df1238e1f7b) no-repeat, white;
  z-index: 99;
  background-position: left;
  padding-top: 2.5em;
}
.choose_codes .db__global {
  margin-bottom: 25px;
}
.choose_codes .db__global::after {
  width: 133px;
  left: 0;
}
.choose_codes .db_choose_area {
  padding-top: 2em;
  padding-bottom: 2em;
  justify-content: center;
  position: relative;
}
.choose_codes .db_choose_area .efxx {
  width: 33.33%;
  padding: 15px 20px;
}
.choose_codes .db_choose_area .choosings {
  align-items: center;
  flex-direction: column;
  margin-bottom: 20px;
}
.choose_codes .db_choose_area .choosings .chos_head {
  color: #11141b;
  font-size: 20px;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "optima-mediummedium";
  text-align: center;
  height: 50px;
  line-height: 50px;
}
.choose_codes .db_choose_area .choosings img {
  margin-bottom: 5px;
  width: 30px;
}
.choose_codes .db_choose_area .choosings .ch_dtl {
  text-align: justify;
  font-family: "optima-mediummedium";
  padding-top: 5px;
}
.choose_codes .db_choose_area .planes {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
}
.choose_codes .db_choose_area .planes img {
  width: 20px;
  display: flex;
  margin: 0 auto;
}
.choose_codes p {
  text-align: center;
  margin-bottom: 0;
}

.banner_left {
  height: 600px;
  background: url(/images/Left_BG.svg?85b4e8ca6b547c92ab3a3df1238e1f7b) no-repeat;
  background-size: contain;
  background-position: left;
  position: absolute;
  z-index: 999999;
  left: 0;
  right: 9;
  right: 0;
  top: -165px;
  height: 965px;
}

.banner_rft {
  background: url(/images/bg-share.png?bfd7a29cd116d51655c6952f34ad62b7) no-repeat;
  background-size: contain;
  background-position: right;
  position: absolute;
  z-index: 999999;
  left: 0;
  right: 9;
  right: 0;
  top: 0;
  height: 900px;
}

.projects {
  padding-top: 3.5em;
  padding-bottom: 3.5em;
  background-color: WHITE;
  position: relative;
}
.projects .db__global {
  padding-bottom: 20px;
  text-align: center;
  display: block;
}
.projects .db__global span {
  display: block;
}
.projects .db__global .buildings {
  font-size: 34px;
  padding-top: 20px;
}
.projects .db__global .buildings .clr {
  color: #11141b !important;
}
.projects .db__global.bottom_center::after {
  width: 126px;
  top: 94px;
}
.projects .db__global .animatedHeading {
  display: block;
}
span#build {
  font-size: 17px !important;
  padding-bottom: 5px;
}

.projects .projects_para {
  text-align: center;
  font-family: "optima-mediummedium";
  margin-bottom: 0;
}
.projects .specialist {
  position: relative;
  padding-top: 90px;
  align-items: center;
}
.projects .specialist .title {
  color: #11141b;
  font-family: "optimabold";
  font-size: 18px;
}
.projects .specialist .rft_img img {
  width: 100%;
  height: 100%;
}

.project_slider {
  position: relative;
}
.project_slider .db__global {
  padding-bottom: 8px;
  display: block;
}
.project_slider .db__global::after {
  width: 180px;
}
.project_slider .db__global .project__head1 span:nth-child(4) {
  color: #f1a10a;
}
.project_slider .db__global .project__head2 span:nth-child(1) {
  color: #f1a10a;
}
.project_slider .all_slides {
  display: flex;
  position: absolute;
  left: 38%;
  transform: translate(50%, 0px);
  margin-top: 45px;
  margin-bottom: 60px;
}
.project_slider .all_slides .item__div {
  cursor: pointer;
}
.project_slider .all_slides .item__div img {
  height: 475px;
  width: calc(26vw - 20px);
  margin-right: 36px;
}

.all_projects {
  padding: 20px 0;
}
.all_projects .item {
  cursor: pointer;
}
.all_projects .item img {
  width: 100% !important;
  height: 660px;
  -o-object-fit: cover;
     object-fit: cover;
}
.all_projects .item:hover {
  transform: scaleY(1.1);
  transition: all 0.4s;
}
.all_projects .owl-nav {
  right: 0px !important;
  font-size: 0;
  position: relative;
}
.all_projects .owl-nav .owl-prev {
  position: absolute !important;
  top: -385px !important;
  left: -100px !important;
  background: #f1a10a !important;
  height: 70px;
  width: 70px;
}
.all_projects .owl-nav .owl-prev::before {
  content: "\f060" !important;
  color: #11141b !important;
  font-family: "Font Awesome 5 Pro" !important;
  font-size: 26px !important;
  line-height: 2.8;
}
.all_projects .owl-nav .owl-next {
  position: absolute !important;
  top: -385px !important;
  left: 45px !important;
  background: #f1a10a !important;
  height: 70px;
  width: 70px;
  right: 0;
  margin-left: auto;
}
.all_projects .owl-nav .owl-next::before {
  content: "\f061" !important;
  font-size: 26px !important;
  line-height: 2.8;
  color: #11141b !important;
  font-family: "Font Awesome 5 Pro" !important;
}
.all_projects .owl-nav .disabled {
  opacity: 0.6;
  pointer-events: none;
}

.owl-carousel .owl-stage-outer {
  overflow: initial !important;
}

.directions {
  position: relative;
}
.directions .dr_line {
  position: absolute;
  right: 93px;
  top: 58px;
}
.directions .dr_line img {
  transform: rotate(360deg);
  width: 40px;
}
.directions .bottom_center {
  margin-bottom: 1em;
}
.directions .bottom_center::after {
  width: 100px;
}

.offers {
  padding-top: 6em;
  position: relative;
  background: url(/images/Left_BG.svg?85b4e8ca6b547c92ab3a3df1238e1f7b) no-repeat, url(/images/Right_BG.svg?104cd1ba57c17608e6a1c2595c8d935f) no-repeat;
  background-position: left, right;
  height: 1026px;
  background-size: contain, contain;
}
.offers .db__global {
  display: block;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
}
.offers .db__global .bottom_line {
  color: #717171;
  font-family: "optima-mediummedium";
  display: block;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  font-size: 17px;
  position: relative;
  letter-spacing: 8.2px;
}
.offers .db__global .bottom_line::after {
  position: absolute;
  width: 89px;
  content: "";
  top: 100%;
  background: #f1a10a;
  height: 2px;
  left: -11px;
  right: 0;
  margin: 0 auto;
}
.offers .animatedHeading {
  padding: 20px 0 !important;
}
.offers .db_sl_dtl {
  justify-content: center;
  margin: 0 auto;
  padding-top: 1em;
}
.offers .wrapper {
  position: relative;
  margin-top: 1em;
}
.offers .wrapper .lines1 {
  position: absolute;
  left: 199px;
  z-index: 4;
  top: -50px;
}
.offers .wrapper .lines1 img {
  width: 85px;
}
.offers .wrapper .circles {
  position: absolute;
  top: -53px;
  left: 90px;
}
.offers .wrapper .circles img {
  width: 30px;
}
.offers .wrapper .dots1 {
  position: absolute;
  top: -42px;
  right: 130px;
}
.offers .wrapper .dots1 img {
  width: 85px;
}
.offers .wrapper .__lines2 {
  position: absolute;
  right: 290px;
}
.offers .wrapper .__lines2 img {
  width: 30px;
}
.offers .wrapper .vdv {
  position: absolute;
  right: 145px;
  top: 127px;
  transition: all 0.3s ease-in-out;
  width: 510px;
  height: 400px;
}
.offers .wrapper .vdv img {
  width: 100%;
  width: 655px;
  -ms-box-shadow: 0 0 70px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 70px 0 rgba(0, 0, 0, 0.15);
}

.head_area {
  color: #343434;
  font-family: "Optimabold";
  text-align: center;
}
.head_area .clr {
  color: #f1a10a;
}

footer .site_footer {
  background: #11141b;
  padding: 2.5em 0;
}
footer .site_footer .top_ftr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 45px;
}
footer .site_footer .top_ftr .logo {
  display: flex;
}
footer .site_footer .top_ftr .logo .sub_logos {
  padding-right: 45px;
}
footer .site_footer .top_ftr .logo .sub_logos img {
  width: 140px;
}
footer .site_footer .top_ftr .bureau img {
  width: 140px;
}
footer .site_footer .top_ftr .folw {
  display: flex;
}
footer .site_footer .top_ftr .folw .scio_links li {
  height: 50px;
  width: 50px;
  border: 1px solid #f1a10a;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background: #f1a10a;
  border-color: #f1a10a;
  margin-right: 20px;
  line-height: 0;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
footer .site_footer .top_ftr .folw .scio_links li:hover {
  background: #fff;
  border: #fff;
}
footer .site_footer .top_ftr .folw .scio_links li:hover a i {
  color: #f1a10a;
}
footer .site_footer .top_ftr .folw .scio_links li a i {
  color: #fff;
  color: #11141b;
  font-size: 24px;
}
footer .site_footer .middle_ftr {
  display: flex;
  justify-content: space-between;
}
footer .site_footer .middle_ftr ul {
  justify-content: center;
}
footer .site_footer .middle_ftr ul li {
  margin-right: 30px;
}
footer .site_footer .middle_ftr ul li a {
  color: #fff;
  font-family: "optima-mediummedium";
  font-size: 16px;
}
footer .site_footer .middle_ftr ul li a:hover {
  color: #f1a10a;
  transition: all 0.4s ease-in-out;
}
footer .site_footer .middle_ftr ul li a.active_footer_link {
  color: #f1a10a;
  font-weight: bold;
}
footer .site_footer .btm_ftr p {
  text-align: center;
  color: #fff;
  font-size: 16px;
}

.flex-control-nav {
  display: none;
}

.sustain .our_projects .all_db .lxdf,
.sustain .our_projects .all_db .vr_txt {
  top: 56%;
}

.sustain {
  position: relative;
}
.sustain .bg__clr {
  background-color: #f1f1f1;
}
.sustain .bg__clr .downs .db_pdf_link {
  display: flex;
}
.sustain .bg__clr .downs .db_pdf_link .data_scales {
  padding: 15px 0;
}
.sustain .bg__clr .downs .db_pdf_link .data_scales:first-child {
  width: 240px;
}
.sustain .bg__clr .downs .db_pdf_link .data_scales:first-child .mb {
  color: #11141b;
  font-weight: 500;
}
.sustain .bg__clr .downs .db_pdf_link .data_scales img {
  width: 30px;
}
.sustain .bg__clr .downs .db_pdf_link .data_scales a {
  color: #eda110;
  font-family: "Optimanormal";
  font-size: 16px;
}
.sustain .bg__clr .downs .db_pdf_link .data_scales span {
  display: block;
}
.sustain .efx {
  position: absolute;
  right: 0;
  margin-left: auto;
  height: 300px;
  top: 60%;
}
.sustain .efx .rfx_img {
  width: 440px;
  height: 400px;
}
.sustain .efx .__grdots {
  position: absolute;
  top: 32px;
  left: -661px;
  z-index: 9;
}
.sustain .efx .__grdots img {
  width: 120px;
}
.sustain .efx .sustain_lft_line {
  position: absolute;
  margin: 0 auto;
  left: 191px;
  right: 0;
  top: 380px;
}
.sustain .efx .sustain_lft_line img {
  width: 45px;
}
.sustain .op_gbl {
  position: relative;
}
.sustain .op_gbl .head {
  position: absolute;
  text-align: center;
  content: "";
  top: -77px;
  left: 0px;
  right: 0px;
  font-size: 52px;
  color: rgb(98, 111, 128);
  opacity: 0.1;
  font-family: "Optima-mediummedium";
  line-height: 1;
  font-size: 80px;
  margin: 0px auto;
}
.sustain .op_gbl .head span {
  display: block;
  margin-bottom: 73px;
}
.sustain .op_gbl .head_area {
  color: #343434;
  font-family: "Optimabold";
  text-align: center;
  font-size: 50px;
  padding: 25px 0;
}
.sustain .op_gbl .head_area .yellow_txt span {
  color: #f1a10a;
  font-weight: 400 !important;
  font-family: "optimanormal" !important;
}
.sustain .op_gbl .head_area .clr {
  color: #f1a10a;
}
.sustain .our_projects {
  position: relative;
  padding-bottom: 15px;
}
.sustain .our_projects .slogo {
  position: absolute;
  left: 0;
  right: 0;
  /* width: 0; */
  margin: 0 auto;
  top: -20px;
  z-index: 1024;
  display: flex;
  justify-content: center;
}
.sustain .our_projects .slogo img {
  width: 60px;
}
.sustain .our_projects .all_pad {
  padding-top: 80px;
}
.sustain .our_projects .all_db {
  justify-content: space-between;
  padding-bottom: 45px;
}
.sustain .our_projects .all_db .letter_g {
  text-align: center;
  top: 280px !important;
  width: 0;
  margin: 0 auto;
  position: absolute;
  margin: 0 auto !important;
  left: -66px !important;
}
.sustain .our_projects .all_db .zero {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 65px;
  margin: 0 auto;
  width: 0;
  top: 390px;
  left: -338px;
}
.sustain .our_projects .all_db .bx {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  top: 250px;
  left: -500px;
}
.sustain .our_projects .all_db .vtl {
  position: absolute;
  bottom: 220px;
  left: 9;
  right: 0;
  margin: 0 auto;
  left: 0;
  width: 0;
}
.sustain .our_projects .all_db .vtl img {
  height: 75px;
  display: flex;
  justify-content: center;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.sustain .our_projects .all_db .vr_txt {
  text-align: center;
  position: absolute;
  left: -80px;
  color: #d1d3d4;
  font-size: 80px;
  font-family: "optimabold";
  line-height: 1.8;
  top: 46%;
  width: 0;
  left: -200px;
  right: 0;
  margin: 0 auto;
}
.sustain .our_projects .all_db .pr_02 {
  width: 50%;
  position: relative;
}
.sustain .our_projects .all_db .pr_02 .two {
  position: absolute;
  left: 337px;
  top: 70px;
}
.sustain .our_projects .all_db .pr_02 .two img {
  width: 45px;
}
.sustain .our_projects .all_db .pr_02 .grdots {
  position: absolute;
  left: 227px;
  right: 0;
  margin: 0 auto;
  top: -36px;
  z-index: 1024;
}
.sustain .our_projects .all_db .pr_02 .grdots img {
  width: 120px;
}
.sustain .our_projects .all_db .pr_02 .no {
  position: relative;
}
.sustain .our_projects .all_db .pr_02 .no span {
  position: absolute;
  top: -79px;
  font-size: 90px;
  color: #11141b;
  font-family: "optimabold";
  width: 0;
  left: -152px;
  right: 0;
  margin: 0 auto;
}
.sustain .our_projects .all_db .pr_02 ._pic_box {
  width: 70%;
}
.sustain .our_projects .all_db .pr_02 ._pic_box .lft_img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.sustain .our_projects .all_db .pr_02 .egh_head {
  display: flex;
  justify-content: center;
  padding-top: 5em;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-left: 75px;
}
.sustain .our_projects .all_db .pr_02 .egh_head .reshapes_line {
  position: absolute;
  left: 18px;
  top: 70px;
}
.sustain .our_projects .all_db .pr_02 .egh_head .reshapes_line img {
  width: 30px;
}
.sustain .our_projects .all_db .pr_02 .egh_head p {
  padding-top: 10px;
  color: #171b25;
  font-family: "Optima-mediummedium";
  width: 66%;
}
.sustain .our_projects .all_db .pr_02 .edgh__heads span {
  display: block;
  font-size: 30px;
}
.sustain .our_projects .all_db .pr_03 {
  position: relative;
}
.sustain .our_projects .all_db .pr_03 .all_db_dtl {
  display: flex;
  align-items: center;
  width: 67%;
  margin-left: auto;
  margin-bottom: 40px;
}
.sustain .our_projects .all_db .pr_03 .all_db_dtl .no span {
  font-size: 29px;
  color: #11141b;
  font-family: "Optimabold";
  font-size: 90px;
}
.sustain .our_projects .all_db .pr_03 .all_db_dtl .egh_head {
  padding-left: 28px;
}
.sustain .our_projects .all_db .pr_03 .all_db_dtl .egh_head span {
  color: #11141b;
  font-size: 20px;
  font-family: "Optimabold";
}
.sustain .our_projects .all_db .pr_03 .all_db_dtl .egh_head p {
  padding-top: 10px;
  color: #11141b;
  font-family: "Optima-mediummedium";
  padding-right: 50px;
}
.sustain .our_projects .all_db .pr_03 .all_db_dtl .egh_head .more_bottom {
  color: #11141b;
  font-family: "Optimabold";
  padding-bottom: 0;
}
.sustain .our_projects .all_db .pr_03 .all_db_dtl .edgh__heads span {
  display: block;
  font-size: 30px;
}
.sustain .our_projects .all_db .lxdf {
  position: absolute;
  font-size: 80px;
  top: 0;
  font-family: "Optimabold";
  right: -80px;
  text-align: center;
  top: 46%;
  line-height: 1.8;
  color: #d1d3d4;
  display: flex;
  width: 0;
  text-align: center;
  left: 86px;
  right: 0;
  margin: 0 auto;
}

.plane {
  position: relative;
  background: transparent;
}
.plane .circle {
  position: absolute;
  right: 120px;
  bottom: -59px;
}
.plane .circle img {
  width: 20px;
}
.plane .__lines {
  position: absolute;
  left: 410px;
  top: 125px;
}
.plane .__lines img {
  width: 30px;
}
.plane .pl {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -42px;
  z-index: 9999999999999;
}
.plane .pl img {
  width: 32px;
}

.request {
  background: #f6f6f6;
  padding: 15em 0;
  position: relative;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.request .db__global.bottom_center::after {
  width: 100px;
}
.request .head_area {
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  color: #11141b;
  display: block;
  text-align: center;
}
.request .frm {
  width: 500px;
  margin: 20px auto;
}
.request .frm .form-floating .label {
  color: #11141b;
  padding: 20px 0.75rem;
}
.request .frm .messages {
  position: relative;
  margin-bottom: 25px !important;
}
.request .frm .messages::after {
  position: absolute;
  content: "\f0e0";
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  right: 15px;
  top: 18px;
}
.request .frm .call {
  position: relative;
  margin-bottom: 20px !important;
}
.request .frm .call::after {
  position: absolute;
  content: "\f095";
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  right: 15px;
  top: 18px;
}
.request .frm .ch_box {
  padding: 1em 0;
  position: relative;
}
.request .frm .ch_box .inpts {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  content: "";
  -ms-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  height: 30px;
  width: 30px;
  border-radius: 100px;
  cursor: pointer;
  left: 0;
}
.request .frm .ch_box .inpts:checked + .is_active i {
  display: block;
}
.request .frm .ch_box .is_active {
  position: relative;
}
.request .frm .ch_box .is_active i {
  position: absolute;
  left: 8px;
  top: 9px;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #f1a10a;
  display: none;
  cursor: pointer;
}
.request .frm .ch_box p {
  font-size: 18px;
  margin-bottom: 0;
  margin-left: 42px;
  margin-top: 4px;
}
.request .mores {
  justify-content: center;
  padding-top: 20px;
}
.request .mores .btn {
  height: 90px;
  width: 90px;
  background: #f1a10a;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
}
.request .mores .btn i {
  color: #fff;
  font-size: 30px;
}

.sustain .our_projects .all_db .pr_02 .more_bottom {
  color: #171b25;
}

@media (max-width: 1600px) {
  .sustain .our_projects .slogo img {
    width: 45px;
  }
  .sustain .our_projects .all_db .pr_03 .all_db_dtl .egh_head p {
    padding-right: 0;
  }
}
@media (max-width: 1199.98px) {
  .px_50 {
    padding: 0 30px;
  }
  p {
    font-size: 16px;
  }
  .sustain .op_gbl .head_area {
    font-size: 35px;
  }
  .more_bottom {
    font-size: 16px;
  }
  .abt {
    font-size: 35px;
  }
  .db__global {
    font-size: 35px !important;
  }
  .sustain .our_projects .all_db .letter_g {
    top: 110px !important;
  }
  .projects .db__global.bottom_center::after {
    top: 100%;
  }
  .projects .db__global {
    padding-bottom: 0;
  }
  .project_slider .all_slides .item__div img {
    height: 450px;
  }
  header .navbar-nav .nav-item .nav-link {
    padding: 0 20px;
    font-size: 15px;
  }
  .counters .count_area .countings .numbers {
    font-size: 40px;
  }
  .counters .count_area .countings img {
    width: 35px;
  }
  .logos1 {
    display: none;
  }
  .same {
    display: none;
  }
  .sustain .our_projects .all_db .lxdf, .sustain .our_projects .all_db .vr_txt {
    font-size: 55px;
  }
  .sustain .efx {
    top: 70%;
  }
  .sustain .efx .rfx_img {
    width: 388px;
    height: 388px;
  }
  .sustain .our_projects .all_db .pr_03 .all_db_dtl .no span, .sustain .our_projects .all_db .pr_02 .no span {
    font-size: 70px;
  }
  .sustain .our_projects .all_db .pr_02 .no span {
    top: -38px;
  }
  .banner_rft, .banner_left, .bn_rht .banners_rght, .choose_codes {
    background: none;
  }
  .request .frm {
    width: 50%;
  }
  .request .ch_box .is_active i {
    left: -35px;
  }
  .offers .wrapper .vdv {
    right: 0;
  }
  .offers .wrapper .vdv img {
    width: 100%;
    height: 370px;
  }
  .offers .wrapper .slider_wrappers .slick-dots {
    right: 85px;
  }
  .sustain .our_projects .all_db .pr_03 .all_db_dtl {
    width: 85%;
  }
  .sustain .our_projects .all_db .pr_02 .egh_head {
    padding-left: 0;
  }
  .rgt {
    width: 75%;
  }
  .sustain .our_projects .all_db .pr_03 .zero {
    top: 17px;
    left: 85px;
  }
  .sustain .efx .__grdots {
    top: -136px;
    left: -417px;
  }
}
@media (max-width: 1024px) {
  body {
    overflow: auto;
    overflow-x: hidden;
  }
}
@media (max-width: 991.98px) {
  .sustain .our_projects .all_db .pr_03 .all_db_dtl .no span {
    display: none !important;
  }
  .swiper .bar {
    display: none;
  }
  .sustain .our_projects .all_db .pr_03 .all_db_dtl {
    margin-bottom: 0;
  }
  .sustain .our_projects .all_db .pr_02 ._pic_box {
    width: 100%;
  }
  .sustain .our_projects .all_db .pr_02 .egh_head p {
    width: 100%;
  }
  .sustain .our_projects .all_db .pr_02 {
    display: flex;
    flex-direction: column;
  }
  .sustain .our_projects .all_db .pr_03 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
  }
  .col-12 {
    width: 100% !important;
  }
  .counters {
    padding: 0 !important;
  }
  .counters .count_area .counter__div {
    padding: 0 40px;
    width: 100%;
    padding-bottom: 2em;
  }
  .codes_banner .codes .areas {
    padding: 0;
  }
  .choose_codes .db_choose_area {
    padding-bottom: 2em;
  }
  .sustain .op_gbl .head_area span:nth-child(2) {
    color: #f1a10a;
  }
  .swiper .right_sm_banner {
    right: 0;
  }
  p {
    font-size: 16px;
  }
  .codes_banner .codes .areas .tfs p {
    font-size: 16px;
  }
  .navbar-toggler,
.navbar-collapse {
    display: none;
  }
  .sustain .slogo {
    top: 366px;
  }
  .sustain .our_projects .all_db .pr_02 .lft_img {
    height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
  .sustain .our_projects .all_pad {
    padding-top: 0 !important;
  }
  .sustain .our_projects .all_db {
    padding-top: 18em;
    padding-bottom: 0;
  }
  .sustain .our_projects .all_db .pr_03 .all_db_dtl {
    width: initial;
    padding: 2em 0;
  }
  .sustain .our_projects .all_db .pr_03 .all_db_dtl .no {
    position: absolute;
    top: -91px;
    left: 35px;
  }
  .sustain .our_projects .all_db .lxdf,
.sustain .our_projects .all_db .vr_txt {
    display: none;
  }
  .sustain .our_projects .all_db .pr_02 .no span {
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    display: none;
  }
  .sustain .sustain .our_projects .all_db .pr_03 .all_db_dtl .edgh__heads span {
    display: initial !important;
  }
  .sustain .efx .rfx_img {
    width: 350px;
    height: 311px;
  }
  .sustain .our_projects .all_db .pr_03 .all_db_dtl .egh_head {
    padding-left: 0;
  }
  .sustain .our_projects .all_db .pr_02 {
    width: 100%;
  }
  .sustain .our_projects .all_db .pr_02 .egh_head {
    padding-top: 2em;
    margin-left: initial;
    padding-bottom: 2em;
  }
  .offers .wrapper {
    flex-direction: column;
  }
  .offers .wrapper .slider_wrappers {
    width: 100%;
  }
  .offers .wrapper .vdv {
    position: initial;
    width: 100%;
  }
  .offers .wrapper .vdv img {
    width: 100%;
    height: 370px;
    margin-left: initial;
  }
  .codes_banner .codes {
    padding-top: 2em;
  }
  .counters {
    padding-top: 5em;
    flex-direction: column;
  }
  .counters .count_area {
    width: 100%;
    flex-direction: column;
  }
  .counters .count_area .countings .numbers {
    font-size: 30px;
  }
  .counters .main_area .dt {
    display: none;
  }
  .counters .count_area .inner_div {
    width: 100%;
  }
  .projects .db__global.bottom_center::after {
    top: 100%;
  }
  .codes .areas {
    padding-top: 4em;
    width: 100%;
  }
  .codes .areas .tfs p {
    font-size: 12px;
  }
  .projects {
    padding-bottom: 0;
  }
  .projects .specialist {
    padding: 2em 0;
  }
  .request .frm {
    width: 100%;
  }
  .request .ch_box {
    justify-content: flex-start;
  }
  .request .ch_box .inpts {
    left: initial;
  }
  .request .ch_box .is_active i {
    left: 6px;
  }
  .request .ch_box p {
    margin-left: 45px;
  }
  .planes {
    display: none;
  }
  .rgt {
    width: 85% !important;
  }
  .all_db_dtl .leftAnimation {
    right: 0 !important;
  }
  .rgt {
    width: 100% !important;
  }
  footer .site_footer .middle_ftr {
    flex-direction: column;
  }
  footer .site_footer .btm_ftr p {
    margin-bottom: 0;
    margin-top: 10px;
  }
}
@media (max-width: 767.98px) {

  .db__global{
    padding: 0px;
  }
  .db__global.bottom_center::after{
    bottom: -10px;
  }

  .sliderParal{
    display: none;
  }
  .desktop_ftrs {
    display: none !important;
  }
  .site_footer .sm_ftrs {
    display: block;
  }
  .site_footer .sm_ftrs .top_ftr {
    flex-direction: column;
    padding-bottom: 0;
  }
  .site_footer .sm_ftrs .top_ftr .bureau {
    display: flex;
    justify-content: center;
  }
  .site_footer .sm_ftrs .top_ftr .logo .sub_logos {
    padding-right: 0;
  }
  .site_footer .middle_ftr ul {
    flex-direction: column;
    align-items: center;
    padding: 15px 0 !important;
  }
  .site_footer .middle_ftr ul li {
    margin-right: 0 !important;
    padding: 8px 0;
  }
  .site_footer .folw {
    margin: 12px 0 !important;
  }
  .site_footer .folw .scio_links li:last-child {
    margin-right: 0 !important;
  }
  .loader img {
    height: 190px !important;
    width: 190px !important;
  }
  .db__global {
    font-size: 32px;
  }
  .sustain .slogo {
    top: 334px;
  }
  .sustain .slogo img {
    width: 33px;
  }
  .sustain .op_gbl .head {
    font-size: 48px;
    top: -65px;
  }
  .sustain .op_gbl .head_area {
    font-size: 34px;
  }
  .sustain .efx {
    display: none;
  }
  .sustain .our_projects {
    padding-top: 8em;
  }
  .sustain .our_projects .all_db {
    padding-top: 7em;
  }
  .sustain .our_projects .all_db .pr_03 .all_db_dtl .no {
    position: absolute;
    top: -19px;
    left: 8px;
  }
  .sustain .our_projects .all_db .pr_03 .all_db_dtl .egh_head {
    padding-top: 0em;
    padding-left: 0;
  }
  .sustain .codes .areas {
    width: 100%;
  }
  .counters .count_area .counter__div {
    width: 100%;
  }
  .choose_codes .db_choose_area .choosings img {
    margin-bottom: 0px;
    width: 25px;
  }

  .choose_codes .db_choose_area .choosings{
    margin-bottom: 0px;
  }

  .choose_codes .db_choose_area .choosings .chos_head {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
  }
  .choose_codes .db_choose_area .choosings .ch_dtl {
    font-size: 12px;
  }
  .choose_codes .db_choose_area .efxx {
    width: 50%;
  }
  .lwer_ar ._cll_bck {
    right: 0;
  }
  .offers {
    padding-top: 0;
  }
  .rgt {
    width: 100% !important;
  }
  .project_slider .all_slides .item__div img {
    height: 400px;
  }
  .project_slider .all_slides {
    left: 66%;
  }
  .project_slider .all_slides .item__div img {
    height: 400px;
  }
  footer .site_footer .folw {
    margin-top: 20px;
  }
  footer .site_footer .top_ftr {
    flex-wrap: wrap;
  }
  footer .site_footer .top_ftr .bureau {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  footer .site_footer .middle_ftr ul {
    flex-wrap: wrap;
  }
  footer .site_footer .middle_ftr ul {
    justify-content: flex-start;
  }
}
@media (max-width: 575.98px) {

  .home_sub_heading{
    font-size: 17px !important;
  }

  .choose_codes .db_choose_area .efxx{
    padding: 15px 13px;
  }

  .choose_codes > .container {
    padding: 0 !important;
  }

  .sustain .our_projects .all_db .pr_02 .egh_head p,
  .sustain .our_projects .all_db .pr_03 .all_db_dtl .egh_head p,
  .projects .projects_para{
    text-align: justify;
  }

  .choose_codes p {
    text-align: justify;
  }

  .drop_shadow, .drop_shadow2, .drop_shadow3 {
    display: none !important;
  }
  .swiper {
    height: initial;
  }
  .desk_banner_none {
    display: none !important;
  }
  .sm_banner_show {
    display: block !important;
    height: initial !important;
  }
  .abtcodes_constructions .abts__areas .values_text {
    text-align: justify;
  }
  .abtcodes_constructions {
    padding-bottom: 0;
  }
  .buttonVideoPlay {
    display: none !important;
  }
  .swiper .swiper-wrapper .px_50 {
    padding: 0;
  }
  .swiper .right_sm_banner {
    display: none;
  }
  header .sub__headers .pse {
    padding-left: 12px;
  }
  p {
    font-size: 14px !important;
  }
  .swiper .swiper-wrapper .px_50 .drop_shadow3, .swiper .swiper-wrapper .px_50 .drop_shadow, .swiper .swiper-wrapper .px_50 .drop_shadow2 {
    width: 100%;
  }
  .swiper .swiper-wrapper .px_50 .drop_shadow3 .top_main_strip::after, .swiper .swiper-wrapper .px_50 .drop_shadow .top_main_strip::after, .swiper .swiper-wrapper .px_50 .drop_shadow2 .top_main_strip::after {
    width: 156px;
  }
  .swiper .swiper-wrapper .px_50 .drop_shadow3 .db_gbl, .swiper .swiper-wrapper .px_50 .drop_shadow .db_gbl, .swiper .swiper-wrapper .px_50 .drop_shadow2 .db_gbl {
    font-size: 30px;
  }
  .offers .wrapper .slider_wrappers .slides-numbers {
    margin: 0 auto;
    bottom: 26px;
  }
  .request .frm .ch_box p {
    font-size: 13px;
  }
  .sustain .op_gbl .head {
    font-size: 36px;
  }
  .sustain .op_gbl .head_area {
    font-size: 28px;
  }
  .sustain .our_projects {
    padding-bottom: 0;
  }
  .sustain .our_projects .all_db .slogo {
    left: 0;
  }
  .sustain .our_projects .all_db .pr_03 .all_db_dtl .egh_head {
    text-align: center;
    padding-left: 0;
  }
  .sustain .our_projects .all_db .pr_02 {
    width: 100%;
  }
  .sustain .our_projects .all_db .pr_02 .lft_img {
    width: 100%;
  }
  .sustain .our_projects .all_db .pr_02 .egh_head {
    text-align: center;
    width: 100%;
    margin-left: initial;
  }
  .sustain .our_projects .all_db .pr_02 .egh_head p {
    padding-right: 0;
    /* padding: 10px 12px 0px 12px; */
    padding: 0;
    width: 100%;
  }
  .sustain .our_projects .all_db .no {
    display: none !important;
  }
  .sustain .our_projects .all_db .more_bottom {
    justify-content: center !important;
  }
  .sustain .our_projects .all_db .more_bottom::after {
    right: 0;
    margin: 0 auto;
  }
  .counters {
    padding-top: 0;
  }
  .site_footer .numbers span {
    font-size: 30px !important;
  }
  .lwer_ar {
    display: none;
  }
  .project_slider .all_slides {
    left: 66%;
  }
  .project_slider .all_slides .item__div img {
    height: 400px;
    width: calc(100vw - 20px);
  }
  .date_time {
    margin-left: 30px !important;
    width: 370px;
  }
  .counters .count_area .countings {
    margin-bottom: 35px;
  }
  .sustain .op_gbl .head_area {
    padding-bottom: 0;
  }
  .counters .count_area .counter__div {
    padding: 0;
  }
}
@media (max-width: 460.98px) {
  .efs, .xfs, .tfs {
    padding: 0 !important;
  }
  .choose_codes {
    padding: 0 25px !important;
  }
  .px_50 {
    padding: 0 25px;
  }
  .innovative {
    display: none;
  }
  .banner_left, .banner_rft {
    position: initial !important;
    height: initial !important;
  }
  .rgt .two {
    display: none !important;
  }
  .edgh__heads {
    font-size: 30px;
  }
  .edgh__heads .edh_sm {
    font-size: 30px !important;
  }
  .projects .db__global .buildings {
    padding-top: 0;
  }
  .projects .projects_para {
    padding-top: 2em;
  }
  .headingDiv h3 .animatedHeading {
    font-size: 25px !important;
  }
  .codes_banner .fan, .rgt .two {
    display: none;
  }
  .codes_banner .codes .areas .tfs p, .codes_banner .codes .areas .efs p, .codes .areas .xfs p {
    padding-right: 0 !important;
  }
  .sustain {
    padding: 4em 0;
  }
  .sustain .slogo {
    top: 300px;
  }
  .sustain .op_gbl .watermark {
    display: none;
  }
  .choose_codes .db_choose_area .efxx {
    width: 100%;
  }
  .db__global {
    font-size: 24px;
  }
  .all_dts .dates {
    display: none !important;
  }
  .all__eve .allpr li::after {
    display: none;
  }
  .offers .wrapper .slider_wrappers .slick-dots {
    right: 59px;
  }
  .offers .wrapper .vdv img {
    height: 300px;
  }
  .codes .areas {
    text-align: center;
  }
  .swiper .swiper-wrapper .db_main .db_gbl {
    font-size: 24px;
  }
  .counters {
    padding: 0;
  }
  .counters .count_area .counter__div {
    flex-direction: column;
  }
  .counters .count_area .countings {
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 60px;
  }
  .counters .count_area .countings:last-child .countings {
    margin-bottom: 0;
  }
  .sustain .our_projects .all_db .slogo {
    top: -285px;
  }
  .projects {
    padding: 0;
  }
  footer .site_footer .para {
    font-size: 12px !important;
  }
  footer .site_footer .links li a {
    font-size: 12px !important;
  }
  footer .site_footer .para {
    font-size: 12px !important;
    width: 100%;
  }
  footer .site_f1ooter .logo img {
    width: 120px !important;
  }
  footer .site_footer .middle_ftr ul li a {
    font-size: 14px;
  }
  footer .site_footer .top_ftr .folw .scio_links li {
    width: 35px;
    height: 35px;
  }
  footer .site_footer .top_ftr .folw .scio_links li a i {
    font-size: 16px;
  }
}
@media (max-width: 359.98px) {
  .sustain .op_gbl .head {
    font-size: 30px;
    top: -59px;
  }
  .sustain .op_gbl .head_area {
    font-size: 24px;
  }
}
.rgt {
  width: 70%;
  margin-left: auto;
  position: relative;
}
.rgt .rfx_img {
  width: 100%;
}
.rgt .__grdots {
  position: absolute;
  z-index: 99999999999999;
  left: -95px;
  top: 60px;
}
.rgt .__grdots .dots_img {
  width: 120px;
}
.rgt .two {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 450px;
  z-index: 9999999;
}
.rgt ._01_lines {
  position: absolute;
  top: 358px;
  left: -125px;
}