/*!
 * * Disigned & Developed by Intersmart Solutions (https://intersmartsolution.com)
 * * Copyright 2011-2023 Intersmart Solutions pvt LTD.
 * */
* {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  list-style: none;
  box-sizing: border-box;
  border-collapse: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-rendering: optimizeSpeed;
  text-rendering: optimizeSpeed;
}

html, body {
  font-family: "Bai Jamjuree", sans-serif;
  line-height: normal;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  h1, h2, h3, h4, h5, h6 {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1550px) {
  h1, h2, h3, h4, h5, h6 {
    margin-bottom: 25px;
  }
}

h1 {
  font-size: 28px;
  line-height: 33.6px;
}
@media only screen and (min-width: 468px) {
  h1 {
    font-size: 32px;
    line-height: 38.4px;
  }
}
@media only screen and (min-width: 1441px) {
  h1 {
    font-size: 40px;
    line-height: 48px;
  }
}

h2 {
  font-size: 24px;
  line-height: 28.8px;
}
@media only screen and (min-width: 468px) {
  h2 {
    font-size: 28px;
    line-height: 33.6px;
  }
}
@media only screen and (min-width: 1550px) {
  h2 {
    font-size: 32px;
    line-height: 38.4px;
  }
}

h3 {
  font-size: 20px;
  line-height: 24px;
}
@media only screen and (min-width: 468px) {
  h3 {
    font-size: 24px;
    line-height: 28.8px;
  }
}
@media only screen and (min-width: 1200px) {
  h3 {
    font-size: 28px;
    line-height: 33.6px;
  }
}

h4 {
  font-size: 16px;
  line-height: 20.5px;
}
@media only screen and (min-width: 468px) {
  h4 {
    font-size: 20px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  h4 {
    font-size: 24px;
    line-height: 28.8px;
  }
}

h5 {
  font-size: 14px;
  line-height: 18px;
}
@media only screen and (min-width: 468px) {
  h5 {
    font-size: 16px;
    line-height: 20.5px;
  }
}
@media only screen and (min-width: 1200px) {
  h5 {
    font-size: 20px;
    line-height: 24px;
  }
}

h6 {
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 468px) {
  h6 {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 1200px) {
  h6 {
    font-size: 16px;
    line-height: 19.2px;
  }
}

p {
  color: #040404;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
@media only screen and (min-width: 768px) {
  p {
    font-size: 15px;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1200px) {
  p {
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 26px;
  }
}
p strong {
  font-weight: 600;
}
p a {
  color: #40b65b;
  display: inline;
  text-decoration: underline;
  text-underline-position: under;
}
p a:hover {
  color: #40b65b;
}

a {
  text-decoration: none;
  transition: all 0.3s;
}
a:hover {
  color: inherit;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
  height: auto;
}

.form-group, .form-floating {
  position: relative;
  margin-bottom: 0px;
}
.form-group .iti, .form-floating .iti {
  width: 100%;
}
.form-group label, .form-floating label {
  color: #25323c;
  margin-bottom: 10px;
  font-size: 12px;
}
@media only screen and (min-width: 468px) {
  .form-group label, .form-floating label {
    font-size: 14px;
  }
}
.form-group label.req, .form-floating label.req {
  position: relative;
}
.form-group label.req::after, .form-floating label.req::after {
  content: "*";
  color: #00c4b9;
  font-size: 12px;
  margin-left: 4px;
}
@media only screen and (min-width: 468px) {
  .form-group label.req::after, .form-floating label.req::after {
    font-size: 14px;
  }
}
.form-group .showPass, .form-floating .showPass {
  position: absolute;
  right: 22px;
  top: 0px;
  margin: auto;
  z-index: 1;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  transition: all 0.3s;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  height: 43px;
}
@media only screen and (min-width: 468px) {
  .form-group .showPass, .form-floating .showPass {
    height: 45px;
  }
}
@media only screen and (min-width: 1551px) {
  .form-group .showPass, .form-floating .showPass {
    height: 50px;
  }
}
.form-group .showPass svg, .form-floating .showPass svg {
  width: 19px;
  height: 19px;
  fill: #a0a8bc;
  transition: all 0.3s;
}
.form-group .showPass svg#show, .form-floating .showPass svg#show {
  display: none;
}
.form-group .showPass.show svg#hide, .form-floating .showPass.show svg#hide {
  display: none;
}
.form-group .showPass.show svg#show, .form-floating .showPass.show svg#show {
  display: block;
}
.form-group .showPass:hover svg, .form-floating .showPass:hover svg {
  fill: #40b65b;
}

.form-floating > label {
  left: 10px;
  padding: 15px 5px;
  display: flex;
  align-items: center;
  z-index: 3;
  color: #263948;
  font-size: 12px;
}
@media only screen and (min-width: 468px) {
  .form-floating > label {
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) {
  .form-floating > label {
    left: 15px;
  }
}
@media only screen and (min-width: 1551px) {
  .form-floating > label {
    font-size: 14px;
  }
}

.form-floating > .form-control, .form-floating > .form-control-plaintext {
  padding: 5px 15px;
  height: 43px;
}
@media only screen and (min-width: 468px) {
  .form-floating > .form-control, .form-floating > .form-control-plaintext {
    height: 45px;
  }
}
@media only screen and (min-width: 992px) {
  .form-floating > .form-control, .form-floating > .form-control-plaintext {
    padding: 5px 20px;
  }
}
@media only screen and (min-width: 1551px) {
  .form-floating > .form-control, .form-floating > .form-control-plaintext {
    height: 50px;
  }
}

.form-floating > .form-control-plaintext:-webkit-autofill, .form-floating > .form-control:-webkit-autofill {
  padding: 5px 10px;
}
@media only screen and (min-width: 992px) {
  .form-floating > .form-control-plaintext:-webkit-autofill, .form-floating > .form-control:-webkit-autofill {
    padding: 10px 20px;
  }
}

.form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
  padding: 5px 10px;
}
@media only screen and (min-width: 992px) {
  .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
    padding: 10px 20px;
  }
}

.form-floating > .form-control:-webkit-autofill, .form-floating > .form-control-plaintext, .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-select {
  border-color: #40b65b;
}

.form-floating > .form-control:-webkit-autofill ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
  opacity: 1;
  transform: scale(0.85) translateY(-10px) translateX(0);
  height: auto;
  width: auto;
  padding: 0px 5px;
  background: #fff;
}

.form-floating > .form-control:-webkit-autofill ~ .showPass, .form-floating > .form-control:focus ~ .showPass, .form-floating > .form-control:not(:placeholder-shown) ~ .showPass, .form-floating > .form-select ~ .showPass {
  opacity: 1;
  pointer-events: all;
}

.form-control, [type=file], .CustomeSelect .SelectSelected {
  border: 1px solid rgb(211, 232, 231);
  height: 43px;
  background-color: transparent;
  background-clip: padding-box;
  outline: none;
  box-shadow: none !important;
  display: block;
  width: 100%;
  border-radius: 8px;
  background: #ffffff;
  transition: all 0.3s;
  font-size: 13px;
  padding: 5px 10px;
  color: #263948;
}
@media only screen and (min-width: 468px) {
  .form-control, [type=file], .CustomeSelect .SelectSelected {
    font-size: 14px;
    height: 45px;
  }
}
@media only screen and (min-width: 992px) {
  .form-control, [type=file], .CustomeSelect .SelectSelected {
    padding: 10px 20px;
  }
}
@media only screen and (min-width: 1551px) {
  .form-control, [type=file], .CustomeSelect .SelectSelected {
    font-size: 14px;
    height: 50px;
  }
}
.form-control::placeholder, [type=file]::placeholder, .CustomeSelect .SelectSelected::placeholder {
  color: #263948;
  text-transform: none;
}
.form-control:focus, [type=file]:focus, .CustomeSelect .SelectSelected:focus {
  background: none;
  border-color: #40b65b;
}
.form-control:focus ~ label, .form-control:not(:placeholder-shown) ~ label, [type=file]:focus ~ label, [type=file]:not(:placeholder-shown) ~ label, .CustomeSelect .SelectSelected:focus ~ label, .CustomeSelect .SelectSelected:not(:placeholder-shown) ~ label {
  transform: translateY(-32px);
  color: #697884;
}
.form-control:-webkit-autofill, .form-control:-webkit-autofill:hover, .form-control:-webkit-autofill:focus, .form-control :-webkit-autofill:active, [type=file]:-webkit-autofill, [type=file]:-webkit-autofill:hover, [type=file]:-webkit-autofill:focus, [type=file] :-webkit-autofill:active, .CustomeSelect .SelectSelected:-webkit-autofill, .CustomeSelect .SelectSelected:-webkit-autofill:hover, .CustomeSelect .SelectSelected:-webkit-autofill:focus, .CustomeSelect .SelectSelected :-webkit-autofill:active {
  -webkit-text-fill-color: rgb(0, 0, 0);
  -webkit-box-shadow: 0 0 0px 30px rgb(255, 255, 255) inset;
  transition: background-color 5000s ease-in-out 0s;
}
.form-control:-internal-autofill-selected, [type=file]:-internal-autofill-selected, .CustomeSelect .SelectSelected:-internal-autofill-selected {
  background-color: -internal-light-dark(rgb(2, 142, 212), rgba(70, 90, 126, 0.4)) !important;
  -webkit-box-shadow: 0 0 0px 30px rgb(2, 142, 212) inset;
}
.form-control::-ms-expand, [type=file]::-ms-expand, .CustomeSelect .SelectSelected::-ms-expand {
  background-color: transparent;
  border: 0;
}
@media (prefers-reduced-motion: reduce) {
  .form-control, [type=file], .CustomeSelect .SelectSelected {
    transition: none;
  }
}
.form-control[type=file], [type=file][type=file], .CustomeSelect .SelectSelected[type=file] {
  padding: 11px 15px;
  font-size: 11px;
}
@media only screen and (min-width: 468px) {
  .form-control[type=file], [type=file][type=file], .CustomeSelect .SelectSelected[type=file] {
    padding: 10px 16px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 1551px) {
  .form-control[type=file], [type=file][type=file], .CustomeSelect .SelectSelected[type=file] {
    padding: 15px 20px;
  }
}

textarea.form-control {
  min-height: 115px;
  padding-top: 15px;
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=date] {
  position: relative;
}

input[type=date]::-webkit-calendar-picker-indicator {
  color: rgba(0, 0, 0, 0);
  opacity: 1;
  display: block;
  background: url("../images/calendar.svg") no-repeat;
  width: 18px;
  height: 18px;
  border-width: thin;
  position: absolute;
  right: 22px;
}

button[type=submit], .btn {
  cursor: pointer;
  margin: 0;
  outline: none;
  box-shadow: none;
  overflow: hidden;
  color: rgb(255, 255, 255);
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #40b65b;
  background-color: #40b65b;
  font-size: 12px;
  letter-spacing: 1px;
  width: fit-content;
  width: -moz-fit-content;
  margin: auto;
  padding: 9px 10px;
  height: 43px;
  font-weight: 500;
  border-radius: 5px;
}
@media only screen and (min-width: 468px) {
  button[type=submit], .btn {
    border-radius: 8px;
    font-size: 13px;
    height: 45px;
  }
}
@media only screen and (min-width: 992px) {
  button[type=submit], .btn {
    padding: 9px 20px;
  }
}
@media only screen and (min-width: 1551px) {
  button[type=submit], .btn {
    font-size: 15px;
    height: 50px;
  }
}
button[type=submit]:hover, button[type=submit]:focus, button[type=submit]:active, button[type=submit].active, button[type=submit].show, button[type=submit]:first-child:active, .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.show, .btn:first-child:active {
  border-color: #40b65b;
  background-color: #40b65b;
  color: #fff;
}

::selection {
  color: #fff;
  background: #40b65b;
}

::-moz-selection {
  color: #fff;
  background: #40b65b;
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-thumb {
  background: #40b65b;
  border-radius: 30px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0 grey;
  border-radius: 0px;
  background: rgb(168, 180, 198);
}

svg {
  display: inline-block;
  position: relative;
  width: 100%;
  vertical-align: middle;
  overflow: hidden;
}

.btn-check:focus + .btn, .btn:focus {
  outline: 0;
  box-shadow: none;
}

.row {
  margin: -7px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .row {
    margin: -15px;
  }
}
.row > * {
  padding: 7px;
}
@media only screen and (min-width: 768px) {
  .row > * {
    padding: 15px;
  }
}

table {
  width: 100%;
}
table thead {
  border: 1px solid rgb(235, 235, 235);
  background-color: rgb(243, 243, 243);
}
table thead th {
  color: rgb(26, 26, 26);
  font-weight: 600;
  border: 1px solid rgb(235, 235, 235);
  font-size: 13px;
  padding: 10px 15px;
}
@media only screen and (min-width: 468px) {
  table thead th {
    padding: 15px 25px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) {
  table thead th {
    padding: 15px 45px;
    font-size: 16px;
  }
}
table tbody td {
  color: rgb(26, 26, 26);
  line-height: 20px;
  padding: 10px 15px;
  border: 1px solid rgb(235, 235, 235);
  font-size: 13px;
}
@media only screen and (min-width: 468px) {
  table tbody td {
    padding: 15px 25px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) {
  table tbody td {
    padding: 15px 45px;
    font-size: 16px;
  }
}

/* BASE STYLE */
.owl-carousel .owl-stage {
  display: flex;
}
.owl-carousel .owl-stage-outer {
  padding: 0 1px;
}

.select2Wrpr {
  position: relative;
}
.select2Wrpr select {
  display: none;
}

.select2 {
  width: 100%;
  position: relative;
  display: block;
}
.select2 .selection {
  width: 100%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  position: relative;
}
.select2 .selection::after {
  content: "";
  background: url("data:image/svg+xml,%3Csvg fill='%23000000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 492 289'%3E%3Cpath d='M246.1,191.9L62,7.9C57,2.8,50.2,0,43,0c-7.2,0-14,2.8-19,7.9L7.9,24C2.8,29,0,35.8,0,43s2.8,14,7.9,19L227,281.2c5.1,5.1,11.9,7.9,19.1,7.8c7.2,0,14-2.8,19.1-7.8L484.1,62.2c5.1-5.1,7.9-11.8,7.9-19c0-7.2-2.8-14-7.9-19L468,8.1c-10.5-10.5-27.6-10.5-38.1,0L246.1,191.9z'/%3E%3C/svg%3E") no-repeat center !important;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 6px;
}
.select2 .select2-selection {
  display: flex;
  align-items: center;
  border: 1px solid rgb(211, 232, 231);
  height: 43px;
  width: 100%;
  border-radius: 8px;
  background: #ffffff;
  transition: all 0.3s;
  font-size: 12px;
  padding: 5px 10px;
  color: #263948;
}
@media only screen and (min-width: 468px) {
  .select2 .select2-selection {
    font-size: 13px;
    height: 45px;
  }
}
@media only screen and (min-width: 992px) {
  .select2 .select2-selection {
    padding: 10px 20px;
  }
}
@media only screen and (min-width: 1551px) {
  .select2 .select2-selection {
    font-size: 14px;
    height: 50px;
  }
}
.select2 .select2-selection textarea {
  width: 100%;
  display: flex;
  align-content: center;
  margin-top: 0px;
  margin-bottom: 0px;
}
.select2 .select2-selection.select2-selection--multiple {
  cursor: text;
  box-sizing: border-box;
  user-select: none;
  -webkit-user-select: none;
  overflow-x: auto;
  display: flex;
  padding: 3px 10px;
}
@media only screen and (min-width: 992px) {
  .select2 .select2-selection.select2-selection--multiple {
    padding: 5px 20px;
  }
}
.select2 .select2-selection.select2-selection--multiple textarea {
  height: 100%;
  resize: none;
  overflow: hidden;
  padding: 10px 0;
}
.select2 .select2-selection.select2-selection--multiple .select2-selection__choice {
  border: 1px solid #d3e8e7;
  border-radius: 5px;
  background-color: #f7fffe;
  color: #263948;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 4px 9px;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
  font-size: 12px;
}
@media only screen and (min-width: 468px) {
  .select2 .select2-selection.select2-selection--multiple .select2-selection__choice {
    font-size: 14px;
  }
}
.select2 .select2-selection.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #d3e8e7;
  color: #999;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 100%;
}
.select2 .select2-selection.select2-selection--multiple .select2-selection__choice .select2-selection__choice__display {
  padding-left: 5px;
}

.select2-dropdown {
  position: absolute;
  left: 0;
  z-index: 2;
  background: #f3f3f3;
  border: 1px solid rgb(211, 232, 231);
  box-sizing: border-box;
  display: block;
  width: 100%;
  border-radius: 8px;
  border-bottom-right-radius: 8px;
  box-sizing: border-box;
  left: -100000px;
}
.select2-dropdown .select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-dropdown .select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-dropdown .select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgb(211, 232, 231);
}
.select2-dropdown .select2-results {
  display: block;
}
.select2-dropdown .select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 200px;
  overflow-y: auto;
}
.select2-dropdown .select2-results__options .select2-results__option {
  user-select: none;
  -webkit-user-select: none;
  ursor: pointer;
  transition: all 0.3s;
  font-size: 12px;
  padding: 5px 10px;
  color: #263948;
}
@media only screen and (min-width: 468px) {
  .select2-dropdown .select2-results__options .select2-results__option {
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) {
  .select2-dropdown .select2-results__options .select2-results__option {
    padding: 10px 20px;
  }
}
@media only screen and (min-width: 1551px) {
  .select2-dropdown .select2-results__options .select2-results__option {
    font-size: 14px;
  }
}
.select2-dropdown .select2-results__options .select2-results__option:hover {
  background: #40b65b;
  color: #fff;
}
.select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected {
  background: #40b65b;
  color: #fff;
}
.select2-dropdown .select2-results__options .select2-results__option:not(:last-of-type) {
  border-bottom: 1px solid rgb(211, 232, 231);
}
.select2-dropdown .select2-results__options .select2-results__option.select2-results__option--disabled {
  background: none;
  color: #999;
}
.select2-dropdown .select2-results__options[aria-multiselectable=true] {
  border-radius: 12px;
  background-color: rgb(255, 255, 255);
  box-shadow: -6.889px 11.025px 136px 0px rgba(1, 1, 1, 0.07);
  padding: 12px 8px;
}
@media only screen and (min-width: 468px) {
  .select2-dropdown .select2-results__options[aria-multiselectable=true] {
    padding: 20px 13px;
  }
}
.select2-dropdown .select2-results__options[aria-multiselectable=true] .select2-results__option {
  padding: 8px 12px;
  position: relative;
  border: none;
  padding-left: 35px;
  border-radius: 8px;
}
@media only screen and (min-width: 468px) {
  .select2-dropdown .select2-results__options[aria-multiselectable=true] .select2-results__option {
    border-radius: 10px;
    padding-left: 42px;
  }
}
.select2-dropdown .select2-results__options[aria-multiselectable=true] .select2-results__option::before {
  content: "";
  position: absolute;
  border: 1px solid rgb(211, 232, 231);
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
  width: 20px;
  height: 20px;
}
@media only screen and (min-width: 468px) {
  .select2-dropdown .select2-results__options[aria-multiselectable=true] .select2-results__option::before {
    width: 22px;
    height: 22px;
    left: 12px;
  }
}
.select2-dropdown .select2-results__options[aria-multiselectable=true] .select2-results__option::after {
  content: "";
  background: url("data:image/svg+xml,%3Csvg fill='%23ffffff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 449 355.1'%3E%3Cpath d='M163,355.1c-0.6,0-1.3-0.1-1.9-0.2c-1.9-0.4-3.7-1.3-5.1-2.7L2.9,199.1c-3.8-3.8-3.8-10.1,0-13.9c0,0,0,0,0,0l59.3-59.3c3.8-3.8,10.1-3.8,13.9,0l86.9,86.9L372.9,2.9c3.8-3.8,10.1-3.8,13.9,0c0,0,0,0,0,0l59.3,59.3c3.8,3.8,3.8,10.1,0,13.9c0,0,0,0,0,0L170,352.3C168.1,354.1,165.6,355.1,163,355.1z'/%3E%3C/svg%3E") no-repeat center !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
  width: 20px;
  height: 20px;
  background-size: 9px !important;
}
@media only screen and (min-width: 468px) {
  .select2-dropdown .select2-results__options[aria-multiselectable=true] .select2-results__option::after {
    background-size: 12px !important;
    width: 22px;
    height: 22px;
    left: 12px;
  }
}
.select2-dropdown .select2-results__options[aria-multiselectable=true] .select2-results__option:hover {
  background-color: rgb(227, 249, 248);
  color: #263948;
}
.select2-dropdown .select2-results__options[aria-multiselectable=true] .select2-results__option.select2-results__option--selected {
  color: #263948;
  background-color: rgb(255, 255, 255);
}
.select2-dropdown .select2-results__options[aria-multiselectable=true] .select2-results__option.select2-results__option--selected:hover {
  background-color: rgb(227, 249, 248);
  color: #263948;
}
.select2-dropdown .select2-results__options[aria-multiselectable=true] .select2-results__option.select2-results__option--selected::before {
  background-color: rgb(0, 195, 184);
}
.select2-dropdown.select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-dropdown.select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@-webkit-keyframes toTopFromBottom {
  49% {
    transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@-moz-keyframes toTopFromBottom {
  49% {
    transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toTopFromBottom {
  49% {
    transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@-webkit-keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}
@-moz-keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 992px) {
  .container {
    max-width: 1050px;
  }
}
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1180px;
  }
}
@media only screen and (min-width: 1441px) {
  .container {
    max-width: 1350px;
  }
}
@media only screen and (min-width: 1551px) {
  .container {
    max-width: 1440px;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .container {
    max-width: 95%;
  }
}
@media only screen and (max-width: 768px) {
  .container {
    max-width: none;
  }
}

.sp-container {
  width: 100%;
  max-width: calc(100% - (100% - 975px) / 2);
}
@media only screen and (min-width: 992px) {
  .sp-container {
    max-width: calc(100% - (100% - 1050px) / 2);
  }
}
@media only screen and (min-width: 1200px) {
  .sp-container {
    max-width: calc(100% - (100% - 1180px) / 2);
  }
}
@media only screen and (min-width: 1441px) {
  .sp-container {
    max-width: calc(100% - (100% - 1350px) / 2);
  }
}
@media only screen and (min-width: 1551px) {
  .sp-container {
    max-width: calc(100% - (100% - 1440px) / 2);
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .sp-container {
    max-width: 97.5%;
  }
}
@media only screen and (max-width: 768px) {
  .sp-container {
    max-width: none;
  }
}
.sp-container.lft {
  margin-left: 0;
  margin-right: auto;
}
.sp-container.rigt {
  margin-left: auto;
  margin-right: 0;
}

.modal-backdrop {
  background: rgba(54, 54, 54, 0.8);
  -webkit-transition: display 0.3s ease-in-out;
  -moz-transition: display 0.2s ease-in-out;
  -ms-transition: display 0.2s ease-in-out;
  -o-transition: display 0.2s ease-in-out;
  transition: display 0.2s ease-in-out;
}
.modal-backdrop.show {
  opacity: 1;
  z-index: 3;
}

#Header {
  width: 100%;
  top: 0px;
  left: 0px;
  animation-duration: 0.5s;
  position: absolute;
  background: rgb(255, 255, 255);
  z-index: 4;
}
@media only screen and (min-width: 992px) {
  #Header {
    height: 112px;
  }
}
@media only screen and (min-width: 1200px) {
  #Header {
    height: 128px;
  }
}
#Header .topSec {
  background: #40b65b;
  height: 28px;
}
@media only screen and (min-width: 992px) {
  #Header .topSec {
    height: 32px;
  }
}
#Header .topSec .container {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
#Header .topSec .fullSide {
  text-align: center;
}
#Header .topSec .fullSide p {
  letter-spacing: 3px;
  color: rgb(255, 255, 255);
  font-weight: 300;
  line-height: 1.1;
  font-size: 10px;
  margin-bottom: 0;
  text-transform: uppercase;
}
@media only screen and (min-width: 576px) {
  #Header .topSec .fullSide p {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1551px) {
  #Header .topSec .fullSide p {
    font-size: 14px;
    letter-spacing: 2px;
  }
}
#Header #HeaderMain {
  height: 50px;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 468px) {
  #Header #HeaderMain {
    height: 60px;
  }
}
@media only screen and (min-width: 576px) {
  #Header #HeaderMain {
    height: 70px;
  }
}
@media only screen and (min-width: 992px) {
  #Header #HeaderMain {
    height: 80px;
  }
}
@media only screen and (min-width: 1200px) {
  #Header #HeaderMain {
    height: 96px;
  }
}
#Header #HeaderMain .FRow {
  align-items: center;
  justify-content: space-between;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#Header #HeaderMain .MenuIcon {
  display: flex;
  justify-content: flex-end;
  padding: 0px;
  width: 30px;
}
@media only screen and (min-width: 468px) {
  #Header #HeaderMain .MenuIcon {
    width: 35px;
  }
}
@media only screen and (min-width: 576px) {
  #Header #HeaderMain .MenuIcon {
    width: 45px;
  }
}
@media only screen and (min-width: 992px) {
  #Header #HeaderMain .MenuIcon {
    display: none;
  }
}
#Header #HeaderMain .MenuIcon button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: none;
  width: 22px;
  height: 100%;
  font-size: 0;
  outline: none;
  padding: 0;
  margin: 0;
  box-shadow: none;
  border-radius: 0;
  background: none;
  height: 100%;
}
#Header #HeaderMain .MenuIcon button .IconWrp {
  width: 20px;
}
@media only screen and (min-width: 468px) {
  #Header #HeaderMain .MenuIcon button .IconWrp {
    width: 22px;
  }
}
#Header #HeaderMain .MenuIcon button span {
  width: 100%;
  height: 3px;
  display: block;
  background: #40b65b;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
#Header #HeaderMain .MenuIcon button span:nth-child(2) {
  width: 50%;
}
#Header #HeaderMain .MenuIcon button span ~ span {
  margin-top: 4px;
}
#Header #HeaderMain .MenuIcon button:hover span:nth-child(2) {
  width: 100%;
}
#Header #HeaderMain .MenuIcon.open button span {
  margin: 0;
  width: 100%;
}
#Header #HeaderMain .MenuIcon.open button span:nth-child(1) {
  transform: rotate(45deg) translate(0px, 0px);
}
#Header #HeaderMain .MenuIcon.open button span:nth-child(2) {
  transform: rotate(-45deg) translate(2px, -2px);
}
#Header #HeaderMain .MenuIcon.open button span:nth-child(3) {
  display: none;
}
#Header #HeaderMain .MenuIcon.close {
  opacity: 0;
  visibility: hidden;
}
#Header #HeaderMain .LogoSec {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 150px;
  -webkit-transition: display 0.5s ease;
  -moz-transition: display 0.5s ease;
  -ms-transition: display 0.5s ease;
  -o-transition: display 0.5s ease;
  transition: display 0.5s ease;
}
@media only screen and (min-width: 468px) {
  #Header #HeaderMain .LogoSec {
    width: 110px;
  }
}
@media only screen and (min-width: 576px) {
  #Header #HeaderMain .LogoSec {
    width: 120px;
  }
}
@media only screen and (min-width: 1200px) {
  #Header #HeaderMain .LogoSec {
    width: 170px;
  }
}
#Header #HeaderMain .LogoSec a {
  display: block;
}
#Header #HeaderMain .modal {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  #Header #HeaderMain .modal {
    width: calc(100% - 220px - 140px);
  }
}
@media only screen and (min-width: 1200px) {
  #Header #HeaderMain .modal {
    width: calc(100% - 270px - 166px);
  }
}
#Header #HeaderMain .itemBtn {
  margin-left: auto;
}
#Header #HeaderMain .itemBtn .btnCstm {
  width: 90px;
  height: 33px;
  font-size: 10px;
}
@media only screen and (min-width: 468px) {
  #Header #HeaderMain .itemBtn .btnCstm {
    width: 120px;
    height: 40px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 576px) {
  #Header #HeaderMain .itemBtn .btnCstm {
    width: 130px;
    height: 44px;
  }
}
@media only screen and (min-width: 992px) {
  #Header #HeaderMain .itemBtn .btnCstm {
    width: 140px;
    height: 50px;
  }
}
@media only screen and (min-width: 1200px) {
  #Header #HeaderMain .itemBtn .btnCstm {
    width: 166px;
    height: 54px;
  }
}
#Header #HeaderMenu {
  top: 0px;
  z-index: 5;
  height: 100vh;
}
@media only screen and (min-width: 992px) {
  #Header #HeaderMenu {
    height: auto;
    max-height: none;
    top: 0px;
    position: relative;
    display: block;
    opacity: 1;
    overflow: visible;
  }
}
#Header #HeaderMenu .modal-dialog {
  transform: translateX(-100%);
  margin: 0;
  max-width: 100%;
  height: 100%;
  background: rgb(255, 255, 255);
}
@media only screen and (min-width: 992px) {
  #Header #HeaderMenu .modal-dialog {
    background: none;
    max-width: 90%;
    height: auto;
    max-width: 100%;
    width: 100%;
    border-radius: 0;
    transform: none;
  }
}
#Header #HeaderMenu .modal-content {
  background: none;
  height: 100%;
  border-radius: 0;
  border: none;
}
#Header #HeaderMenu .ModalHeader {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 1;
  width: 30px;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 468px) {
  #Header #HeaderMenu .ModalHeader {
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
  }
}
@media only screen and (min-width: 992px) {
  #Header #HeaderMenu .ModalHeader {
    display: none;
  }
}
#Header #HeaderMenu .ModalHeader .MenuIcon {
  width: 100%;
  height: 100%;
}
#Header #HeaderMenu .ModalHeader .MenuIcon button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: none;
  width: 100%;
  height: 100%;
  font-size: 0;
  outline: none;
  padding: 0;
  margin: 0;
  box-shadow: none;
  border-radius: 0;
  background: none;
  height: 100%;
}
#Header #HeaderMenu .ModalHeader .MenuIcon button span {
  width: 100%;
  height: 3px;
  display: block;
  background: rgb(0, 0, 0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
#Header #HeaderMenu .ModalHeader .MenuIcon button span:nth-child(2) {
  width: 50%;
}
#Header #HeaderMenu .ModalHeader .MenuIcon button span ~ span {
  margin-top: 4px;
}
#Header #HeaderMenu .ModalHeader .MenuIcon button:hover span:nth-child(2) {
  width: 100%;
}
#Header #HeaderMenu .ModalHeader .MenuIcon.open {
  padding-top: 20px;
  padding-right: 20px;
}
#Header #HeaderMenu .ModalHeader .MenuIcon.open button span {
  margin: 0;
  width: 100%;
}
#Header #HeaderMenu .ModalHeader .MenuIcon.open button span:nth-child(1) {
  transform: rotate(45deg) translate(0px, 0px);
}
#Header #HeaderMenu .ModalHeader .MenuIcon.open button span:nth-child(2) {
  transform: rotate(-45deg) translate(2px, -2px);
}
#Header #HeaderMenu .ModalHeader .MenuIcon.open button span:nth-child(3) {
  display: none;
}
#Header #HeaderMenu .ModalHeader .MenuIcon.close {
  opacity: 0;
  visibility: hidden;
}
#Header #HeaderMenu .modal-body {
  display: flex;
  align-items: center;
  max-height: 100vh;
}
@media only screen and (max-width: 992px) {
  #Header #HeaderMenu .modal-body {
    padding: 0 0 30px;
    overflow-y: auto;
  }
}
@media only screen and (min-width: 992px) {
  #Header #HeaderMenu .modal-body {
    padding: 0;
    max-height: none;
  }
}
#Header #HeaderMenu .modal-body .container {
  padding: 0px;
}
@media only screen and (min-width: 992px) {
  #Header #HeaderMenu .modal-body .container {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 992px) {
  #Header #HeaderMenu .modal-body .container {
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  #Header #HeaderMenu .FRow {
    justify-content: space-between;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 992px) {
  #Header #HeaderMenu .accordion {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
#Header #HeaderMenu .accordion .accordion-item {
  position: relative;
  background: none;
  outline: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
  border: none;
}
#Header #HeaderMenu .accordion .accordion-item .accordion-header {
  background: none;
  outline: none;
  box-shadow: none;
  border: none;
}
#Header #HeaderMenu .accordion .accordion-item .accordion-header .accordion-button {
  background: none;
  outline: none;
  box-shadow: none;
  border: none;
  cursor: pointer;
  color: #414141;
  font-weight: 400;
  transition: all 0.3s;
  text-transform: capitalize;
  padding: 15px;
  font-size: 20px;
  font-weight: 500;
  justify-content: center;
}
@media only screen and (min-width: 576px) {
  #Header #HeaderMenu .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 24px;
  }
}
@media only screen and (min-width: 992px) {
  #Header #HeaderMenu .accordion .accordion-item .accordion-header .accordion-button {
    font-weight: 400;
    color: #414141;
    font-size: 14px;
    padding: 9px;
  }
}
@media only screen and (min-width: 1030px) {
  #Header #HeaderMenu .accordion .accordion-item .accordion-header .accordion-button {
    font-weight: 400;
    color: #414141;
    font-size: 16px;
    padding: 10px 12px;
  }
}
@media only screen and (min-width: 1200px) {
  #Header #HeaderMenu .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 18px;
    padding: 10px 12px;
  }
}
@media only screen and (min-width: 1441px) {
  #Header #HeaderMenu .accordion .accordion-item .accordion-header .accordion-button {
    padding: 20px;
  }
}
#Header #HeaderMenu .accordion .accordion-item .accordion-header .accordion-button:hover, #Header #HeaderMenu .accordion .accordion-item .accordion-header .accordion-button[aria-expanded=true], #Header #HeaderMenu .accordion .accordion-item .accordion-header .accordion-button.active {
  color: #40b65b;
}
#Header #HeaderMenu .accordion .accordion-item .accordion-header .accordion-button::after {
  display: none;
}
#Header #HeaderMenu .accordion .accordion-item .accordion-header .AccrdArrow {
  width: 35px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  align-items: center;
  justify-content: center;
  background: #19aba3;
  outline: none;
  box-shadow: none;
  border-radius: 0;
  display: none;
}
#Header #HeaderMenu .accordion .accordion-item .accordion-header .AccrdArrow svg {
  transition: all 0.3s;
  width: 15px;
  fill: #40b65b;
}
@media only screen and (max-width: 992px) {
  #Header #HeaderMenu .accordion .accordion-item .accordion-header.hasAccord {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }
}
#Header #HeaderMenu .accordion .accordion-item .accordion-collapse {
  background: #f1fff4;
  width: 100%;
  transition: all 0.3s;
}
@media only screen and (min-width: 992px) {
  #Header #HeaderMenu .accordion .accordion-item .accordion-collapse {
    position: absolute;
    left: 0;
    min-width: 225px;
    top: 100%;
    display: block;
    opacity: 0;
    pointer-events: none;
    transform: translateY(13px);
    height: auto !important;
  }
  #Header #HeaderMenu .accordion .accordion-item .accordion-collapse.show {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0px);
    display: block;
  }
}
#Header #HeaderMenu .accordion .accordion-item .accordion-collapse .accordion-body {
  padding: 0;
}
#Header #HeaderMenu .accordion .accordion-item .accordion-collapse ul li:not(:last-of-type) {
  border-bottom: 1px solid #00c4b9;
}
#Header #HeaderMenu .accordion .accordion-item .accordion-collapse a {
  padding: 10px 15px;
  color: #fdfdfe;
  display: block;
  font-size: 12px;
}
@media only screen and (min-width: 468px) {
  #Header #HeaderMenu .accordion .accordion-item .accordion-collapse a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
  #Header #HeaderMenu .accordion .accordion-item .accordion-collapse a {
    font-weight: 500;
  }
}
#Header #HeaderMenu .accordion .accordion-item .accordion-collapse a:hover {
  background: #40b65b;
}
@media only screen and (min-width: 992px) {
  #Header #HeaderMenu .accordion .accordion-item:hover .accordion-collapse {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0px);
    display: block;
  }
}
#Header #HeaderMenu.show .modal-dialog {
  transform: translateX(0);
}
#Header.sticky #TopHeader {
  display: none;
  -webkit-transition: display 0.5s ease;
  -moz-transition: display 0.5s ease;
  -ms-transition: display 0.5s ease;
  -o-transition: display 0.5s ease;
  transition: display 0.5s ease;
}
#Header.sticky #HeaderMain {
  position: fixed;
  width: 100%;
  animation-name: fadeInDown;
  animation-duration: 0.6s;
  animation-fill-mode: both;
  top: 0px;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
  z-index: 5;
  background-color: rgb(255, 255, 255);
}
@media only screen and (min-width: 1200px) {
  #Header.sticky #HeaderMain {
    height: 80px;
  }
  #Header.sticky #HeaderMain .modal {
    width: calc(100% - 230px - 166px);
  }
  #Header.sticky #HeaderMain .LogoSec {
    width: 145px;
  }
}

#pageWrapper {
  overflow: hidden;
  margin-top: 78px;
}
@media only screen and (min-width: 468px) {
  #pageWrapper {
    margin-top: 88px;
  }
}
@media only screen and (min-width: 576px) {
  #pageWrapper {
    margin-top: 98px;
  }
}
@media only screen and (min-width: 992px) {
  #pageWrapper {
    margin-top: 112px;
  }
}
@media only screen and (min-width: 1200px) {
  #pageWrapper {
    margin-top: 128px;
  }
}

.secTleWrp {
  text-align: left;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  .secTleWrp {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) {
  .secTleWrp {
    margin-bottom: 35px;
  }
}
.secTleWrp.center {
  text-align: center;
}
.secTleWrp .supTle {
  font-size: 14px;
  line-height: 1.1;
  font-weight: 400;
  letter-spacing: 6px;
  color: #39B44A;
  text-transform: uppercase;
  margin-bottom: 10px;
}
@media only screen and (min-width: 576px) {
  .secTleWrp .supTle {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .secTleWrp .supTle {
    font-size: 20px;
    margin-bottom: 30px;
    line-height: 1.3;
  }
}
.secTleWrp .mTle {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 10px;
  color: #2E2E2E;
}
@media only screen and (min-width: 576px) {
  .secTleWrp .mTle {
    font-size: 26px;
  }
}
@media only screen and (min-width: 768px) {
  .secTleWrp .mTle {
    font-size: 30px;
  }
}
@media only screen and (min-width: 992px) {
  .secTleWrp .mTle {
    font-size: 40px;
    line-height: 40px;
  }
}
.secTleWrp .subTle {
  font-size: 14px;
  line-height: 1.3;
  color: #414141;
  font-weight: 400;
  text-transform: capitalize;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) {
  .secTleWrp .subTle {
    font-size: 16px;
  }
}

.hoveranim {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.hoveranim::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background: #000;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  left: 0;
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
}
.hoveranim span {
  position: relative;
  z-index: 1;
}
.hoveranim:hover {
  color: rgb(255, 255, 255);
}
.hoveranim:hover::before {
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.hoveranim2 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.hoveranim2::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background: #40b65b;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  left: 0;
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
}
.hoveranim2 span {
  position: relative;
  z-index: 1;
}
.hoveranim2:hover {
  color: rgb(255, 255, 255);
  background: #40b65b;
}
.hoveranim2:hover::before {
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
}
@media only screen and (min-width: 468px) {
  .owl-dots {
    margin-top: 33px;
  }
}
@media only screen and (min-width: 1200px) {
  .owl-dots {
    margin-top: 45px;
  }
}
.owl-dots button {
  border-radius: 50%;
  background: rgb(32, 45, 55) !important;
  opacity: 0.2;
  width: 8px;
  height: 8px;
  transition: all 0.3s;
  font-size: 0;
  padding: 0;
  border: none;
  outline: none;
  box-shadow: none;
  margin: 0 8px;
}
@media only screen and (min-width: 468px) {
  .owl-dots button {
    margin: 0 11px;
  }
}
.owl-dots button span {
  display: none;
}
.owl-dots button.active {
  background: #40b65b !important;
  opacity: 1;
}

.owl-nav {
  align-items: center;
  justify-content: center;
  margin-top: 18px;
  margin-bottom: 5px;
  display: none;
}
@media only screen and (min-width: 768px) {
  .owl-nav {
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }
}
.owl-nav button {
  opacity: 1;
  background-size: contain !important;
  padding: 0;
  margin: 0;
  font-size: 0;
  transition: all 0.3s;
  display: block;
  outline: none;
  outline-offset: none;
  top: 50%;
  z-index: 2;
  width: 22px;
  height: 22px;
  position: absolute;
  transform: translateY(-50%);
}
@media only screen and (min-width: 992px) {
  .owl-nav button {
    width: 20px;
    height: 60px;
  }
}
.owl-nav button span {
  display: none;
}
.owl-nav button.owl-prev {
  left: -6px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.805' height='62.516' viewBox='0 0 20.805 62.516'%3E%3Cpath id='Path_146' data-name='Path 146' d='M1756.546 3481.736l-19.79 30.732 19.79 31.246' transform='translate(-1736.163 -3481.465)' fill='none' stroke='%23707070' stroke-width='1'/%3E%3C/svg%3E") no-repeat center !important;
}
@media only screen and (min-width: 768px) {
  .owl-nav button.owl-prev {
    left: -20px;
  }
}
@media only screen and (min-width: 992px) {
  .owl-nav button.owl-prev {
    left: -48px;
  }
}
.owl-nav button.owl-next {
  right: -6px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.805' height='62.516' viewBox='0 0 20.805 62.516'%3E%3Cpath id='Path_145' data-name='Path 145' d='M1736.756 3481.736l19.79 30.732-19.79 31.246' transform='translate(-1736.334 -3481.465)' fill='none' stroke='%23707070' stroke-width='1'/%3E%3C/svg%3E") no-repeat center !important;
}
@media only screen and (min-width: 768px) {
  .owl-nav button.owl-next {
    right: -20px;
  }
}
@media only screen and (min-width: 992px) {
  .owl-nav button.owl-next {
    right: -48px;
  }
}

.CommonAccord {
  margin: 0 auto;
}
@media only screen and (min-width: 992px) {
  .CommonAccord {
    padding: 0 80px;
  }
}
.CommonAccord .accordion-item {
  background: none;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.11);
}
.CommonAccord .accordion-header button {
  color: #000000;
  font-weight: 400;
  text-align: left;
  background: none;
  padding: 10px 0;
  line-height: 35px;
  margin: 0;
  font-size: 17px;
}
@media only screen and (min-width: 468px) {
  .CommonAccord .accordion-header button {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) {
  .CommonAccord .accordion-header button {
    font-size: 20px;
    padding: 15px 0;
  }
}
@media only screen and (min-width: 1200px) {
  .CommonAccord .accordion-header button {
    font-size: 25px;
  }
}
@media only screen and (min-width: 1551px) {
  .CommonAccord .accordion-header button {
    font-size: 30px;
    padding: 27px 0;
  }
}
.CommonAccord .accordion-header button:focus {
  box-shadow: none;
  border: none;
  outline: 0;
}
.CommonAccord .accordion-header button::after {
  position: absolute;
  content: "+";
  right: 0px;
  font-size: 20px;
  color: #000000;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
}
@media only screen and (min-width: 992px) {
  .CommonAccord .accordion-header button::after {
    font-size: 30px;
  }
}
.CommonAccord .accordion-header button:not(.collapsed) {
  background: none;
  border: none;
  color: #000000;
  font-weight: 500;
  box-shadow: none;
}
.CommonAccord .accordion-header button:not(.collapsed)::after {
  content: "-";
}
.CommonAccord .accordion-header button span {
  width: 95%;
}
.CommonAccord .accordion-body {
  font-size: 14px;
  line-height: 26px;
  text-align: justify;
  padding: 0px 10px 25px;
}
@media only screen and (min-width: 992px) {
  .CommonAccord .accordion-body {
    font-size: 15px;
    padding: 0px 30px 45px;
  }
}
@media only screen and (min-width: 1200px) {
  .CommonAccord .accordion-body {
    font-size: 16px;
  }
}

.secTitleWrap {
  margin-bottom: 10px;
}
@media only screen and (min-width: 576px) {
  .secTitleWrap {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .secTitleWrap {
    margin-bottom: 40px;
  }
}
.secTitleWrap.center {
  text-align: center;
}
.secTitleWrap .secTitle {
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 10px;
  color: #414141;
  font-size: 22px;
  text-transform: capitalize;
}
@media only screen and (min-width: 468px) {
  .secTitleWrap .secTitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 576px) {
  .secTitleWrap .secTitle {
    font-size: 26px;
  }
}
@media only screen and (min-width: 768px) {
  .secTitleWrap .secTitle {
    font-size: 33px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1200px) {
  .secTitleWrap .secTitle {
    font-size: 44px;
  }
}
@media only screen and (min-width: 1441px) {
  .secTitleWrap .secTitle {
    font-size: 50px;
  }
}

.InnerBanner {
  position: relative;
  height: 175px;
  background: rgb(0, 0, 0);
}
@media only screen and (min-width: 576px) {
  .InnerBanner {
    height: 240px;
  }
}
@media only screen and (min-width: 768px) {
  .InnerBanner {
    height: 290px;
  }
}
@media only screen and (min-width: 992px) {
  .InnerBanner {
    height: 320px;
  }
}
@media only screen and (min-width: 1200px) {
  .InnerBanner {
    height: 360px;
  }
}
@media only screen and (min-width: 1441px) {
  .InnerBanner {
    height: 460px;
  }
}
.InnerBanner .innerImgBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.InnerBanner .innerImgBox img {
  opacity: 0.65;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.InnerBanner .caption {
  position: relative;
  z-index: 1;
  align-items: end;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-bottom: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 576px) {
  .InnerBanner .caption {
    padding-bottom: 35px;
  }
}
@media only screen and (min-width: 992px) {
  .InnerBanner .caption {
    padding-bottom: 45px;
  }
}
@media only screen and (min-width: 1200px) {
  .InnerBanner .caption {
    padding-bottom: 55px;
  }
}
.InnerBanner .caption .heading {
  font-size: 28px;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: 4px;
  color: rgb(255, 255, 255);
}
@media only screen and (min-width: 576px) {
  .InnerBanner .caption .heading {
    font-size: 38px;
    line-height: 42px;
    margin-bottom: 6px;
  }
}
@media only screen and (min-width: 992px) {
  .InnerBanner .caption .heading {
    font-size: 44px;
    line-height: 46px;
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 1200px) {
  .InnerBanner .caption .heading {
    font-size: 52px;
    line-height: 56px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1441px) {
  .InnerBanner .caption .heading {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 12px;
  }
}
.InnerBanner .caption .subHeading {
  font-size: 13px;
  color: rgb(255, 255, 255);
  font-weight: 400;
}
@media only screen and (min-width: 576px) {
  .InnerBanner .caption .subHeading {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .InnerBanner .caption .subHeading {
    font-size: 17px;
  }
}
@media only screen and (min-width: 1200px) {
  .InnerBanner .caption .subHeading {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1441px) {
  .InnerBanner .caption .subHeading {
    font-size: 20px;
  }
}

.customForm {
  width: 100%;
}
.customForm .row > * {
  padding: 4px;
}
@media only screen and (min-width: 576px) {
  .customForm .row > * {
    padding: 6px;
  }
}
.customForm .formTle {
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 10px;
  color: #414141;
  font-size: 22px;
  text-transform: capitalize;
}
@media only screen and (min-width: 468px) {
  .customForm .formTle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 576px) {
  .customForm .formTle {
    font-size: 26px;
  }
}
@media only screen and (min-width: 768px) {
  .customForm .formTle {
    font-size: 33px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1200px) {
  .customForm .formTle {
    font-size: 44px;
  }
}
@media only screen and (min-width: 1441px) {
  .customForm .formTle {
    font-size: 50px;
  }
}
.customForm .form-group {
  position: relative;
}
.customForm .form-group .form-control {
  background-color: rgb(255, 255, 255);
  border: 0;
  border-radius: 0;
  border: 1px solid #EBEBEB;
  color: #414141;
}
@media only screen and (min-width: 992px) {
  .customForm .form-group .form-control {
    font-size: 16px;
    height: 50px;
  }
}
@media only screen and (min-width: 1200px) {
  .customForm .form-group .form-control {
    font-size: 18px;
  }
}
.customForm .form-group .form-control::-webkit-input-placeholder {
  color: rgb(0, 0, 0);
}
.customForm .form-group .form-control:-ms-input-placeholder {
  color: rgb(0, 0, 0);
}
.customForm .form-group .form-control::placeholder {
  color: rgb(0, 0, 0);
}
.customForm .form-group .form-control[type=date]::-webkit-datetime-edit-text, .customForm .form-group .form-control[type=date]::-webkit-datetime-edit-month-field, .customForm .form-group .form-control[type=date]::-webkit-datetime-edit-day-field, .customForm .form-group .form-control[type=date]::-webkit-datetime-edit-year-field {
  color: rgb(0, 0, 0);
  font-size: 18px;
  font-weight: 400;
}
.customForm .form-group .form-control:focus {
  border: 1px solid #000;
}
.customForm .form-group .form-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.725' height='6.425' viewBox='0 0 11.725 6.425'%3E%3Cpath id='Path_994' data-name='Path 994' d='M11.159 28.017H.565a.564.564 0 0 0-.4.965l5.3 5.3a.565.565 0 0 0 .795 0l5.3-5.3A.564.564 0 0 0 11.159 28.017Z' transform='translate(0 -28.017)' fill='%23a2a2a2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.2rem center;
  background-size: 12px 12px;
  color: #A2A2A2;
}
.customForm .form-group .fileUploadInput {
  position: relative;
  z-index: 1;
  cursor: pointer;
  width: 100%;
  height: 43px;
}
@media only screen and (min-width: 468px) {
  .customForm .form-group .fileUploadInput {
    height: 45px;
  }
}
@media only screen and (min-width: 992px) {
  .customForm .form-group .fileUploadInput {
    height: 50px;
  }
}
.customForm .form-group .fileUploadInput .form-group {
  height: 100%;
}
.customForm .form-group .fileUploadInput input[type=file] {
  appearance: initial;
  background-color: initial;
  cursor: default;
  align-items: baseline;
  color: inherit;
  text-overflow: ellipsis;
  white-space: pre;
  text-align: start !important;
  padding: initial;
  border: initial;
  overflow: hidden;
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.customForm .form-group .fileUploadInput label {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: rgb(0, 0, 0);
}
.customForm .form-group .fileUploadInput .icon {
  font-size: 12px;
  color: rgb(255, 255, 255);
  text-transform: capitalize;
  cursor: pointer;
  position: absolute;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  background: #000;
  width: 60px;
  height: 26px;
}
@media only screen and (min-width: 468px) {
  .customForm .form-group .fileUploadInput .icon {
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) {
  .customForm .form-group .fileUploadInput .icon {
    font-size: 16px;
    width: 70px;
    height: 28px;
  }
}
.customForm .form-group .error-msg {
  position: absolute;
  top: 100%;
  bottom: 0;
  font-size: 12px;
  color: red;
  line-height: 1;
}
.customForm .btnWrap .btnSbmt {
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
  background-color: #40b65b;
  color: rgb(255, 255, 255);
  border-radius: 5px;
  border: 0;
  padding: 0 10px;
  letter-spacing: 0;
  height: 40px;
  width: 100%;
  margin: 0;
  text-transform: uppercase;
  margin-top: 4px;
}
@media only screen and (min-width: 576px) {
  .customForm .btnWrap .btnSbmt {
    width: 80px;
    height: 45px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .customForm .btnWrap .btnSbmt {
    width: 100px;
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .customForm .btnWrap .btnSbmt {
    height: 50px;
    margin-top: 18px;
  }
}
.customForm .btnWrap .btnSbmt.full {
  width: 100%;
}
.customForm .btnWrap .btnSbmt.rgt {
  margin-left: auto;
}

.btnCstm {
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: 1.1px;
  width: 100%;
  height: 40px;
  background: rgb(255, 255, 255);
  font-weight: 500;
  text-transform: uppercase;
  color: #40b65b;
  border: 1px solid #40b65b;
  border-radius: 30px;
  padding: 10px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .btnCstm {
    font-size: 12px;
    height: 60px;
  }
}
@media only screen and (min-width: 992px) {
  .btnCstm {
    font-size: 12px;
    letter-spacing: 1.3px;
    height: 60px;
  }
}

.servBx {
  width: 100%;
  height: 100%;
  padding: 20px;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
  position: relative;
}
@media only screen and (min-width: 992px) {
  .servBx {
    padding: 32px 24px;
  }
}
.servBx::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 14px;
  background-color: #40b65b;
  top: 0;
  left: 20px;
}
@media only screen and (min-width: 992px) {
  .servBx::after {
    width: 12px;
    height: 20px;
    left: 24px;
  }
}
.servBx:hover {
  transform: translateY(-6px);
  box-shadow: 0px 20px 30px rgba(13, 47, 103, 0.1490196078);
}
@media only screen and (min-width: 992px) {
  .servBx:hover {
    transform: translateY(-20px);
  }
}
.servBx:hover .bxImg img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.servBx:hover .bxBtn .btnCstm {
  background-color: #40b65b;
  color: rgb(255, 255, 255);
}
.servBx .bxTle .mTle {
  font-size: 16px;
  color: #414141;
  text-align: left;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  height: auto;
}
@media only screen and (min-width: 576px) {
  .servBx .bxTle .mTle {
    font-size: 17px;
  }
}
@media only screen and (min-width: 992px) {
  .servBx .bxTle .mTle {
    font-size: 22px;
    height: 52px;
  }
}
.servBx .bxImg {
  width: 100%;
  height: 190px;
  border-radius: 10px;
  overflow: hidden;
  margin: 10px auto;
}
@media only screen and (min-width: 992px) {
  .servBx .bxImg {
    margin: 30px auto;
  }
}
.servBx .bxImg img {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.servBx .bxCnt p {
  font-size: 14px;
  line-height: 1.6;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  margin-bottom: 10px;
  min-height: 44px;
}
@media only screen and (min-width: 992px) {
  .servBx .bxCnt p {
    margin-bottom: 20px;
  }
}
.servBx .bxBtn .btnCstm {
  width: 110px;
  height: 35px;
  font-size: 10px;
  letter-spacing: 1.1px;
  background-color: #e9fced;
  border-color: #e9fced;
  color: rgb(0, 0, 0);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
@media only screen and (min-width: 992px) {
  .servBx .bxBtn .btnCstm {
    font-size: 11px;
    width: 130px;
    height: 44px;
  }
}
.servBx .bxBtn .btnCstm:hover {
  color: rgb(255, 255, 255);
}

.projBx {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background-color: transparent;
}
.projBx:hover {
  transform: translateY(-20px);
  box-shadow: 0px 20px 30px rgba(13, 47, 103, 0.1490196078);
}
.projBx:hover .bxImg img {
  opacity: 0.3;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.projBx:hover .bxImg .cntDtls {
  top: 50%;
  left: 50%;
  opacity: 1;
}
.projBx .bxImg {
  width: 100%;
  height: 320px;
  background-color: rgb(0, 0, 0);
  position: relative;
  overflow: hidden;
}
.projBx .bxImg img {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  opacity: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.projBx .bxImg > .cntDtls {
  position: absolute;
  text-align: left;
  padding: 15px;
  width: 100%;
  max-height: 100%;
  overflow-y: auto;
  top: 80%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.projBx .bxImg > .cntDtls p {
  color: rgb(255, 255, 255);
  font-size: 0.9em;
  margin-bottom: 10px;
}
.projBx .bxImg > .cntDtls ul li {
  list-style: circle;
  margin-left: 15px;
  color: rgb(255, 255, 255);
  font-size: 0.8em;
  margin-bottom: 8px;
}
.projBx .bxCnt {
  margin-top: 15px;
}
@media only screen and (min-width: 992px) {
  .projBx .bxCnt {
    margin-top: 30px;
  }
}
.projBx .bxCnt .mTle {
  color: #414141;
  text-align: left;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 992px) {
  .projBx .bxCnt .mTle {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
.projBx .bxCnt p {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/************** ******* **************/
/************* HOME_PAGE *************/
/************** ******* **************/
#mBnrSec {
  position: relative;
  height: 400px;
  z-index: 1;
}
@media only screen and (min-width: 992px) {
  #mBnrSec {
    height: calc(100vh - 128px);
  }
}
#mBnrSec::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0);
}
#mBnrSec::after {
  content: "";
  position: absolute;
  left: 0px;
  width: 100%;
  bottom: 0;
  height: 100%;
  background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 0;
}
#mBnrSec video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 576px) {
  #mBnrSec video.dsk {
    display: none;
  }
}
@media only screen and (min-width: 576px) {
  #mBnrSec video.mob {
    display: none;
  }
}
#mBnrSec .outerWrp {
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 992px) {
  #mBnrSec .outerWrp {
    bottom: 120px;
  }
}
#mBnrSec .outerWrp .dflx {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#mBnrSec .outerWrp .lftSd {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  #mBnrSec .outerWrp .lftSd {
    width: 60%;
  }
}
#mBnrSec .outerWrp .lftSd .cntBx .mainT {
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-transform: capitalize;
  font-size: 26px;
  line-height: 1.15;
  text-align: center;
  opacity: 1;
  margin-bottom: 10px;
}
@media only screen and (min-width: 576px) {
  #mBnrSec .outerWrp .lftSd .cntBx .mainT {
    font-size: 34px;
  }
}
@media only screen and (min-width: 768px) {
  #mBnrSec .outerWrp .lftSd .cntBx .mainT {
    font-size: 44px;
  }
}
@media only screen and (min-width: 992px) {
  #mBnrSec .outerWrp .lftSd .cntBx .mainT {
    font-size: 53px;
    text-align: left;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1441px) {
  #mBnrSec .outerWrp .lftSd .cntBx .mainT {
    font-size: 70px;
    line-height: 70px;
  }
}
#mBnrSec .outerWrp .lftSd .cntBx .subT {
  color: #000;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: rgb(255, 255, 255);
  text-align: center;
  margin-bottom: 10px;
}
@media only screen and (min-width: 576px) {
  #mBnrSec .outerWrp .lftSd .cntBx .subT {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) {
  #mBnrSec .outerWrp .lftSd .cntBx .subT {
    font-size: 20px;
    text-align: left;
    margin-bottom: 40px;
  }
}
#mBnrSec .outerWrp .lftSd .cntBx .btnWrp .btnCstm {
  width: 140px;
  height: 34px;
  font-size: 12px;
  background-color: #40b65b;
  color: rgb(255, 255, 255);
  border-color: #40b65b;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 992px) {
  #mBnrSec .outerWrp .lftSd .cntBx .btnWrp .btnCstm {
    width: 166px;
    height: 55px;
    margin-left: 0;
    margin-right: auto;
  }
}
#mBnrSec .outerWrp .rgtSd {
  width: 100%;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  #mBnrSec .outerWrp .rgtSd {
    width: 40%;
    align-items: flex-end;
    justify-content: flex-end;
  }
}
#mBnrSec .outerWrp .rgtSd .bookBtnWrp {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  opacity: 1;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  padding: 10px;
  width: 280px;
  height: 90px;
  margin-top: 30px;
}
@media only screen and (min-width: 992px) {
  #mBnrSec .outerWrp .rgtSd .bookBtnWrp {
    width: 340px;
    height: 110px;
    margin-top: 0;
  }
}
#mBnrSec .outerWrp .rgtSd .bookBtnWrp .bookBtn {
  background: rgb(255, 255, 255);
  border-radius: 20px;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  #mBnrSec .outerWrp .rgtSd .bookBtnWrp .bookBtn {
    padding: 15px;
  }
}
#mBnrSec .outerWrp .rgtSd .bookBtnWrp .bookBtn .icnSd {
  margin-right: 10px;
}
@media only screen and (min-width: 992px) {
  #mBnrSec .outerWrp .rgtSd .bookBtnWrp .bookBtn .icnSd {
    margin-right: 20px;
  }
}
#mBnrSec .outerWrp .rgtSd .bookBtnWrp .bookBtn .icnSd svg {
  width: 30px;
  height: 38px;
  fill: #39B44A;
}
@media only screen and (min-width: 992px) {
  #mBnrSec .outerWrp .rgtSd .bookBtnWrp .bookBtn .icnSd svg {
    width: 40px;
    height: 46px;
  }
}
#mBnrSec .outerWrp .rgtSd .bookBtnWrp .bookBtn .cntSd .mTle {
  color: #414141;
  text-align: left;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  #mBnrSec .outerWrp .rgtSd .bookBtnWrp .bookBtn .cntSd .mTle {
    font-size: 22px;
  }
}
#mBnrSec .outerWrp .rgtSd .bookBtnWrp .bookBtn .cntSd .sTle {
  color: #6C6A7D;
  text-align: left;
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  #mBnrSec .outerWrp .rgtSd .bookBtnWrp .bookBtn .cntSd .sTle {
    font-size: 14px;
  }
}

#reinSec {
  padding-top: 60px;
  width: 100%;
  position: relative;
  z-index: 0;
}
@media only screen and (min-width: 576px) {
  #reinSec {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 992px) {
  #reinSec {
    padding-top: 100px;
  }
}
#reinSec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80%;
  background-color: #F3F6FB;
  z-index: -1;
}
@media only screen and (min-width: 992px) {
  #reinSec .reinWrp .secTleWrp {
    margin-bottom: 50px;
  }
}
#reinSec .reinWrp .secTleWrp .subTle {
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
}
#reinSec .reinWrp .btnWrap {
  position: relative;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#reinSec .reinWrp .btnWrap .btnRein {
  width: calc(100% - 14px);
  height: auto;
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
  align-items: center;
  padding: 16px 35px;
  box-shadow: 0px 20px 30px rgba(10, 45, 90, 0.0784313725);
  margin-left: 7px;
  margin-bottom: 15px;
  margin-right: 7px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 576px) {
  #reinSec .reinWrp .btnWrap .btnRein {
    width: calc(50% - 14px);
    height: 130px;
    margin-bottom: 10px;
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 992px) {
  #reinSec .reinWrp .btnWrap .btnRein {
    width: 460px;
    height: 170px;
    padding: 20px 56px;
  }
}
#reinSec .reinWrp .btnWrap .btnRein:hover {
  transform: translateY(-4px);
}
#reinSec .reinWrp .btnWrap .btnRein:nth-child(2) {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  #reinSec .reinWrp .btnWrap .btnRein:nth-child(2) {
    padding-left: 80px;
  }
}
#reinSec .reinWrp .btnWrap .btnRein .btnImg {
  width: 100%;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 576px) {
  #reinSec .reinWrp .btnWrap .btnRein .btnImg {
    justify-content: flex-start;
  }
}
#reinSec .reinWrp .btnWrap .btnRein .btnImg img {
  width: auto;
  height: 100%;
  max-height: 48px;
  object-fit: contain;
}
@media only screen and (min-width: 576px) {
  #reinSec .reinWrp .btnWrap .btnRein .btnImg img {
    max-height: 60px;
  }
}
#reinSec .reinWrp .btnWrap .btnRein span {
  font-size: 14px;
  line-height: 1.2;
  color: #434250;
}
#reinSec .reinWrp .btnWrap .mrBtn {
  width: 52px;
  height: 52px;
  background: #39B44A;
  box-shadow: 0 0 0 8px #F3F6FB;
  opacity: 0.8;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 576px) {
  #reinSec .reinWrp .btnWrap .mrBtn {
    width: 67px;
    height: 67px;
  }
}
@media only screen and (min-width: 992px) {
  #reinSec .reinWrp .btnWrap .mrBtn {
    width: 86px;
    height: 86px;
  }
}
#reinSec .reinWrp .btnWrap .mrBtn:hover {
  opacity: 1;
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 #d9ffde;
    box-shadow: 0 0 0 0 #d9ffde;
  }
  70% {
    -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
#reinSec .reinWrp .btnWrap .mrBtn .btnImg svg {
  width: 18px;
  height: 18px;
  fill: rgb(255, 255, 255);
}
@media only screen and (min-width: 576px) {
  #reinSec .reinWrp .btnWrap .mrBtn .btnImg svg {
    width: 24px;
    height: 24px;
  }
}
@media only screen and (min-width: 992px) {
  #reinSec .reinWrp .btnWrap .mrBtn .btnImg svg {
    width: 34px;
    height: 34px;
    fill: rgb(255, 255, 255);
  }
}

#stSec {
  padding: 40px 0;
  position: relative;
}
@media only screen and (min-width: 576px) {
  #stSec {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 992px) {
  #stSec {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1200px) {
  #stSec {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 1441px) {
  #stSec {
    padding: 140px 0;
  }
}
#stSec .cntWrp {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  #stSec .cntWrp {
    max-width: 580px;
    margin-left: 0;
    text-align: left;
  }
}
@media only screen and (min-width: 1200px) {
  #stSec .cntWrp {
    margin-left: 100px;
  }
}
#stSec .cntWrp .secTleWrp {
  text-align: center;
}
@media only screen and (min-width: 992px) {
  #stSec .cntWrp .secTleWrp {
    text-align: left;
  }
}
#stSec .cntWrp .btnWrp {
  margin-top: 0;
  display: inline-block;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  #stSec .cntWrp .btnWrp {
    margin-top: 20px;
  }
}
#stSec .cntWrp .btnWrp .btnCstm {
  max-width: 130px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 992px) {
  #stSec .cntWrp .btnWrp .btnCstm {
    max-width: 166px;
    margin-left: 0;
  }
}
#stSec .dtlsWrp {
  max-width: 100%;
  margin-left: auto;
  margin-top: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 992px) {
  #stSec .dtlsWrp {
    max-width: 540px;
    margin-top: 0;
  }
}
#stSec .dtlsWrp .cuntbox {
  color: rgb(0, 0, 0);
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
  width: 50%;
  border-right: 1px solid #D9DEE6;
  margin-top: 0;
  padding: 15px 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 576px) {
  #stSec .dtlsWrp .cuntbox {
    margin-bottom: 0;
    width: 33.3333333333%;
    padding: 20px 8px;
  }
}
@media only screen and (min-width: 992px) {
  #stSec .dtlsWrp .cuntbox {
    width: 50%;
    margin-top: 30px;
    padding-top: 0;
    padding-bottom: 30px;
  }
}
#stSec .dtlsWrp .cuntbox .noCount {
  align-items: center;
  font-size: 26px;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 4px;
  color: #39B44A;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #stSec .dtlsWrp .cuntbox .noCount {
    font-size: 34px;
  }
}
@media only screen and (min-width: 768px) {
  #stSec .dtlsWrp .cuntbox .noCount {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) {
  #stSec .dtlsWrp .cuntbox .noCount {
    font-size: 80px;
  }
}
#stSec .dtlsWrp .cuntbox .subTle {
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
  color: #747387;
  text-transform: uppercase;
  margin-bottom: 0;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #stSec .dtlsWrp .cuntbox .subTle {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) {
  #stSec .dtlsWrp .cuntbox .subTle {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) {
  #stSec .dtlsWrp .cuntbox:nth-child(1) {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #D9DEE6;
    margin-top: 0;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  #stSec .dtlsWrp .cuntbox:nth-child(1) .noCount {
    font-size: 150px;
    font-weight: 200;
  }
  #stSec .dtlsWrp .cuntbox:nth-child(1) .noCount .counter {
    font-weight: 400;
  }
}
@media only screen and (max-width: 576px) {
  #stSec .dtlsWrp .cuntbox:nth-child(1) {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #D9DEE6;
    width: 100%;
    padding-top: 0;
  }
  #stSec .dtlsWrp .cuntbox:nth-child(1) .noCount {
    font-size: 40px;
    font-weight: 200;
  }
  #stSec .dtlsWrp .cuntbox:nth-child(1) .noCount .counter {
    font-weight: 400;
  }
}
#stSec .dtlsWrp .cuntbox:nth-child(2) .noCount {
  color: #000;
}
#stSec .dtlsWrp .cuntbox:nth-child(3) {
  border-right: 0;
}
#stSec .dtlsWrp .cuntbox:nth-child(3) .noCount {
  color: #40b65b;
}

#servSec {
  background-color: #F3F6FB;
  padding: 40px 0;
}
@media only screen and (min-width: 768px) {
  #servSec {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 992px) {
  #servSec {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1200px) {
  #servSec {
    padding: 90px 0;
  }
}
@media only screen and (min-width: 992px) {
  #servSec .secTleWrp {
    margin-bottom: 60px;
  }
  #servSec .secTleWrp .subTle {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }
}
#servSec .servSlide .owl-stage-outer {
  overflow: visible;
}
#servSec .servSlide .owl-stage-outer .owl-item {
  opacity: 0;
}
#servSec .servSlide .owl-stage-outer .owl-item.active {
  opacity: 1;
}
#servSec .servSlide .owl-stage-outer .owl-item .item {
  height: 100%;
}
#servSec .btnWrp {
  margin-top: 20px;
}
@media only screen and (min-width: 576px) {
  #servSec .btnWrp {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 992px) {
  #servSec .btnWrp {
    margin-top: 70px;
  }
}
#servSec .btnWrp .btnCstm {
  background-color: transparent;
  width: 160px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 576px) {
  #servSec .btnWrp .btnCstm {
    width: 175px;
  }
}
@media only screen and (min-width: 992px) {
  #servSec .btnWrp .btnCstm {
    width: 210px;
  }
}

#projSec {
  padding: 40px 0;
}
@media only screen and (min-width: 768px) {
  #projSec {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 992px) {
  #projSec {
    padding: 80px;
  }
}
@media only screen and (min-width: 1200px) {
  #projSec {
    padding: 120px 0 140px;
  }
}
@media only screen and (min-width: 992px) {
  #projSec .secTleWrp {
    margin-bottom: 50px;
  }
  #projSec .secTleWrp .subTle {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }
}
#projSec .servSlide .owl-stage-outer {
  overflow: visible;
}
#projSec .servSlide .owl-stage-outer .owl-item {
  opacity: 0;
}
#projSec .servSlide .owl-stage-outer .owl-item.active {
  opacity: 1;
}
#projSec .servSlide .owl-stage-outer .owl-item .item {
  height: 100%;
}
#projSec .btnWrp {
  margin-top: 20px;
}
@media only screen and (min-width: 576px) {
  #projSec .btnWrp {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 992px) {
  #projSec .btnWrp {
    margin-top: 60px;
  }
}
#projSec .btnWrp .btnCstm {
  background-color: transparent;
  width: 210px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 992px) {
  #projSec .btnWrp .btnCstm {
    font-size: 13px;
  }
}

#tlkSec {
  background-color: #40b65b;
  padding: 40px 0;
}
@media only screen and (min-width: 768px) {
  #tlkSec {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 992px) {
  #tlkSec {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1200px) {
  #tlkSec {
    padding: 130px 0;
  }
}
#tlkSec .dflx {
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#tlkSec .dflx .lftSd {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #tlkSec .dflx .lftSd {
    width: 50%;
  }
}
#tlkSec .dflx .lftSd .secTleWrp {
  margin-bottom: 30px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #tlkSec .dflx .lftSd .secTleWrp {
    margin-bottom: 0;
    text-align: left;
  }
}
#tlkSec .dflx .lftSd .secTleWrp .mTle {
  margin-bottom: 10px;
  color: rgb(255, 255, 255);
}
#tlkSec .dflx .lftSd .secTleWrp .subTle {
  color: rgb(255, 255, 255);
  margin-bottom: 0;
}
#tlkSec .dflx .rgtSd {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #tlkSec .dflx .rgtSd {
    width: 50%;
  }
}
#tlkSec .dflx .rgtSd .btnWrp {
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  #tlkSec .dflx .rgtSd .btnWrp {
    justify-content: flex-end;
  }
}
#tlkSec .dflx .rgtSd .btnWrp .btnCstm {
  color: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
  background-color: transparent;
  width: 160px;
  margin: 4px;
}
@media only screen and (min-width: 992px) {
  #tlkSec .dflx .rgtSd .btnWrp .btnCstm {
    width: 190px;
    font-size: 12px;
    margin: 7px;
    border: 1px solid #fff;
  }
}

#expSec {
  padding: 40px 0;
  position: relative;
}
@media only screen and (min-width: 576px) {
  #expSec {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 992px) {
  #expSec {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1200px) {
  #expSec {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 1441px) {
  #expSec {
    padding: 140px 0;
  }
}
#expSec .cntWrp {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  #expSec .cntWrp {
    max-width: 580px;
    margin-left: 0;
    text-align: left;
  }
}
@media only screen and (min-width: 992px) {
  #expSec .cntWrp {
    margin-left: 70px;
  }
}
#expSec .cntWrp .secTleWrp {
  text-align: center;
}
@media only screen and (min-width: 992px) {
  #expSec .cntWrp .secTleWrp {
    text-align: left;
  }
}
#expSec .cntWrp .btnWrp {
  margin-top: 0;
  display: inline-block;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  #expSec .cntWrp .btnWrp {
    margin-top: 20px;
  }
}
#expSec .cntWrp .btnWrp .btnCstm {
  max-width: 166px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 992px) {
  #expSec .cntWrp .btnWrp .btnCstm {
    margin-left: 0;
  }
}
#expSec .imgWrp {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  #expSec .imgWrp {
    max-width: 620px;
    margin-right: 0;
  }
}
#expSec .imgWrp .sdWrp {
  justify-content: flex-end;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#expSec .imgWrp .sdWrp:nth-child(2) {
  flex-direction: column-reverse;
  align-items: flex-start;
}
#expSec .imgWrp .sdWrp .imgbox {
  width: 100%;
  max-width: 100%;
  height: 240px;
  border-radius: 10px;
  overflow: hidden;
  margin: 7px;
}
@media only screen and (min-width: 992px) {
  #expSec .imgWrp .sdWrp .imgbox {
    max-width: 300px;
  }
}
#expSec .imgWrp .sdWrp .imgbox.sm {
  max-width: 100%;
  height: 150px;
}
@media only screen and (min-width: 992px) {
  #expSec .imgWrp .sdWrp .imgbox.sm {
    max-width: 190px;
  }
}
#expSec .imgWrp .sdWrp .imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#tstiSec {
  padding: 60px 0;
  position: relative;
  z-index: 1;
  background-color: #474747;
}
@media only screen and (min-width: 576px) {
  #tstiSec {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 992px) {
  #tstiSec {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 1200px) {
  #tstiSec {
    padding: 140px 0;
  }
}
@media only screen and (min-width: 1441px) {
  #tstiSec {
    padding: 200px 0;
  }
}
#tstiSec::after {
  content: "";
  position: absolute;
  left: 0px;
  width: 100%;
  bottom: 0;
  height: 100%;
  background: rgb(0, 0, 0);
  opacity: 45%;
  z-index: -1;
}
#tstiSec > .container > .dflx {
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#tstiSec > .container > .dflx .lftSd {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  #tstiSec > .container > .dflx .lftSd {
    width: 360px;
  }
}
@media only screen and (min-width: 1441px) {
  #tstiSec > .container > .dflx .lftSd {
    width: 500px;
  }
}
@media only screen and (min-width: 1441px) {
  #tstiSec > .container > .dflx .lftSd .cntWrp {
    width: 320px;
    margin-left: 120px;
  }
}
#tstiSec > .container > .dflx .lftSd .cntWrp .secTleWrp {
  margin-bottom: 30px;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  #tstiSec > .container > .dflx .lftSd .cntWrp .secTleWrp {
    text-align: left;
    margin-bottom: 0;
  }
}
#tstiSec > .container > .dflx .lftSd .cntWrp .secTleWrp .mTle {
  margin-bottom: 10px;
  color: rgb(255, 255, 255);
}
#tstiSec > .container > .dflx .lftSd .cntWrp .secTleWrp .subTle {
  color: rgb(255, 255, 255);
  margin-bottom: 0;
}
#tstiSec > .container > .dflx .rgtSd {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  #tstiSec > .container > .dflx .rgtSd {
    width: calc(100% - 360px);
  }
}
@media only screen and (min-width: 1441px) {
  #tstiSec > .container > .dflx .rgtSd {
    width: calc(100% - 500px);
  }
}
#tstiSec .tstiSlider {
  height: auto;
  position: relative;
}
@media only screen and (min-width: 992px) {
  #tstiSec .tstiSlider {
    height: 350px;
  }
}
@media only screen and (min-width: 1441px) {
  #tstiSec .tstiSlider {
    height: 380px;
  }
}
#tstiSec .tstiSlider .tstiBx {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
  max-width: 720px;
  height: 100%;
  padding: 35px 20px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 992px) {
  #tstiSec .tstiSlider .tstiBx {
    width: calc(100% - 50px);
    margin-right: 50px;
    margin-left: auto;
    padding: 40px 30px;
  }
}
@media only screen and (min-width: 1200px) {
  #tstiSec .tstiSlider .tstiBx {
    padding: 60px 50px;
  }
}
#tstiSec .tstiSlider .tstiBx::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 28px;
  background: url("../images/testiBxElmt.png") no-repeat;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 992px) {
  #tstiSec .tstiSlider .tstiBx::after {
    left: 80px;
    transform: none;
  }
}
#tstiSec .tstiSlider .tstiBx:hover {
  box-shadow: 0px 20px 30px rgba(13, 47, 103, 0.1490196078);
}
#tstiSec .tstiSlider .tstiBx:hover .lftSd .bxImg img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#tstiSec .tstiSlider .tstiBx .lftSd {
  width: 100%;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) {
  #tstiSec .tstiSlider .tstiBx .lftSd {
    width: 100px;
    margin-bottom: 0;
  }
}
#tstiSec .tstiSlider .tstiBx .lftSd .bxImg {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 992px) {
  #tstiSec .tstiSlider .tstiBx .lftSd .bxImg {
    margin-left: 0;
    width: 100px;
    height: 100px;
  }
}
#tstiSec .tstiSlider .tstiBx .lftSd .bxImg img {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#tstiSec .tstiSlider .tstiBx .rgtSd {
  padding-left: 0;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  #tstiSec .tstiSlider .tstiBx .rgtSd {
    padding-left: 20px;
    width: calc(100% - 100px);
  }
}
@media only screen and (min-width: 1200px) {
  #tstiSec .tstiSlider .tstiBx .rgtSd {
    padding-left: 50px;
  }
}
#tstiSec .tstiSlider .tstiBx .rgtSd .bxCnt {
  text-align: center;
}
@media only screen and (min-width: 992px) {
  #tstiSec .tstiSlider .tstiBx .rgtSd .bxCnt {
    text-align: left;
  }
}
#tstiSec .tstiSlider .tstiBx .rgtSd .bxCnt .quote {
  line-height: 1.4;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
}
#tstiSec .tstiSlider .tstiBx .rgtSd .bxCnt .quote::before {
  content: open-quote;
  padding: 0 4px;
}
#tstiSec .tstiSlider .tstiBx .rgtSd .bxCnt .quote::after {
  content: close-quote;
  padding: 0 4px;
}
@media only screen and (min-width: 992px) {
  #tstiSec .tstiSlider .tstiBx .rgtSd .bxCnt .quote {
    font-size: 16px;
    line-height: 1.6;
  }
}
#tstiSec .tstiSlider .tstiBx .rgtSd .bxCnt .nm {
  color: #40b65b;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 992px) {
  #tstiSec .tstiSlider .tstiBx .rgtSd .bxCnt .nm {
    font-size: 22px;
  }
}
#tstiSec .tstiSlider .tstiBx .rgtSd .bxCnt .pos {
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0;
}
@media only screen and (max-width: 992px) {
  #tstiSec .tstiSlider .splide__pagination {
    bottom: -30px;
  }
}
#tstiSec .tstiSlider .splide__pagination .splide__pagination__page {
  width: 8px;
  height: 8px;
  opacity: 1;
  margin: 5px 10px;
  background-color: rgb(255, 255, 255);
}
@media only screen and (min-width: 992px) {
  #tstiSec .tstiSlider .splide__pagination .splide__pagination__page {
    margin: 15px 0;
  }
}
#tstiSec .tstiSlider .splide__pagination .splide__pagination__page.is-active {
  transform: scale(1);
  background-color: #39B44A;
}

#vluSec {
  padding: 40px 0;
}
@media only screen and (min-width: 576px) {
  #vluSec {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 992px) {
  #vluSec {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1200px) {
  #vluSec {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 992px) {
  #vluSec .secTleWrp {
    margin-bottom: 40px;
  }
  #vluSec .secTleWrp .subTle {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }
}
#vluSec .servSlide .owl-stage-outer {
  overflow: visible;
}
#vluSec .servSlide .owl-stage-outer .owl-item {
  opacity: 0;
}
#vluSec .servSlide .owl-stage-outer .owl-item.active {
  opacity: 1;
}
#vluSec .servSlide .owl-stage-outer .owl-item .item {
  height: 100%;
}
#vluSec .ClientBox {
  background: rgb(255, 255, 255);
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 60px;
  border-radius: 10px;
  padding: 10px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  #vluSec .ClientBox {
    height: 80px;
  }
}
@media only screen and (min-width: 992px) {
  #vluSec .ClientBox {
    padding: 24px 15px;
    height: 120px;
  }
}
#vluSec .ClientBox img {
  max-height: 40px;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  #vluSec .ClientBox img {
    max-height: 50px;
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  #vluSec .ClientBox img {
    max-height: 65px;
  }
}
#vluSec .btnWrp {
  margin-top: 20px;
}
@media only screen and (min-width: 992px) {
  #vluSec .btnWrp {
    margin-top: 60px;
  }
}
#vluSec .btnWrp .btnCstm {
  background-color: transparent;
  width: 160px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 576px) {
  #vluSec .btnWrp .btnCstm {
    width: 210px;
  }
}
@media only screen and (min-width: 992px) {
  #vluSec .btnWrp .btnCstm {
    font-size: 13px;
  }
}

/************** ******* **************/
/************* ABOUT_PAGE *************/
/************** ******* **************/
#abtStSec {
  padding: 40px 0;
  position: relative;
}
@media only screen and (min-width: 576px) {
  #abtStSec {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 992px) {
  #abtStSec {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1200px) {
  #abtStSec {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 1441px) {
  #abtStSec {
    padding: 140px 0;
  }
}
#abtStSec .cntWrp {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  #abtStSec .cntWrp {
    max-width: 580px;
    margin-left: 40px;
    text-align: left;
  }
}
#abtStSec .cntWrp .secTleWrp {
  text-align: center;
}
@media only screen and (min-width: 992px) {
  #abtStSec .cntWrp .secTleWrp {
    text-align: left;
  }
}
#abtStSec .cntWrp .btnWrp {
  margin-top: 0;
  display: inline-block;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  #abtStSec .cntWrp .btnWrp {
    margin-top: 20px;
  }
}
#abtStSec .cntWrp .btnWrp .btnCstm {
  max-width: 130px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 992px) {
  #abtStSec .cntWrp .btnWrp .btnCstm {
    max-width: 166px;
    margin-left: 0;
  }
}
#abtStSec .dtlsWrp {
  max-width: 100%;
  margin-left: auto;
  margin-top: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 992px) {
  #abtStSec .dtlsWrp {
    max-width: 540px;
    margin-top: 0;
  }
}
#abtStSec .dtlsWrp .cuntbox {
  color: rgb(0, 0, 0);
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
  width: 50%;
  border-right: 1px solid #D9DEE6;
  margin-top: 0;
  padding: 15px 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 576px) {
  #abtStSec .dtlsWrp .cuntbox {
    margin-bottom: 0;
    width: 33.3333333333%;
    padding: 20px 8px;
  }
}
@media only screen and (min-width: 992px) {
  #abtStSec .dtlsWrp .cuntbox {
    width: 50%;
    margin-top: 30px;
    padding-top: 0;
    padding-bottom: 30px;
  }
}
#abtStSec .dtlsWrp .cuntbox .noCount {
  align-items: center;
  font-size: 26px;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 4px;
  color: #39B44A;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #abtStSec .dtlsWrp .cuntbox .noCount {
    font-size: 34px;
  }
}
@media only screen and (min-width: 768px) {
  #abtStSec .dtlsWrp .cuntbox .noCount {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) {
  #abtStSec .dtlsWrp .cuntbox .noCount {
    font-size: 80px;
  }
}
#abtStSec .dtlsWrp .cuntbox .subTle {
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
  color: #747387;
  text-transform: uppercase;
  margin-bottom: 0;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #abtStSec .dtlsWrp .cuntbox .subTle {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) {
  #abtStSec .dtlsWrp .cuntbox .subTle {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) {
  #abtStSec .dtlsWrp .cuntbox:nth-child(1) {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #D9DEE6;
    margin-top: 0;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  #abtStSec .dtlsWrp .cuntbox:nth-child(1) .noCount {
    font-size: 150px;
    font-weight: 200;
  }
  #abtStSec .dtlsWrp .cuntbox:nth-child(1) .noCount .counter {
    font-weight: 400;
  }
}
@media only screen and (max-width: 576px) {
  #abtStSec .dtlsWrp .cuntbox:nth-child(1) {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #D9DEE6;
    width: 100%;
    padding-top: 0;
  }
  #abtStSec .dtlsWrp .cuntbox:nth-child(1) .noCount {
    font-size: 40px;
    font-weight: 200;
  }
  #abtStSec .dtlsWrp .cuntbox:nth-child(1) .noCount .counter {
    font-weight: 400;
  }
}
#abtStSec .dtlsWrp .cuntbox:nth-child(2) .noCount {
  color: #000;
}
#abtStSec .dtlsWrp .cuntbox:nth-child(3) {
  border-right: 0;
}
#abtStSec .dtlsWrp .cuntbox:nth-child(3) .noCount {
  color: #40b65b;
}

#miViSec {
  position: relative;
  background: rgba(29, 90, 170, 0.05);
  padding: 40px 0;
}
@media only screen and (min-width: 768px) {
  #miViSec {
    padding: 50px 0;
  }
}
@media only screen and (min-width: 992px) {
  #miViSec {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 1200px) {
  #miViSec {
    padding: 70px 0;
  }
}
@media only screen and (min-width: 1441px) {
  #miViSec {
    padding: 90px 0;
  }
}
@media only screen and (min-width: 1551px) {
  #miViSec {
    padding: 120px 0;
  }
}
#miViSec .abtBx {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  border-radius: 10px;
  position: relative;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) {
  #miViSec .abtBx {
    width: 50%;
    margin-bottom: 0;
  }
}
#miViSec .abtBx:hover .bxImg img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#miViSec .abtBx:nth-child(2) .bxCntWrp .bxIcon .icnBx {
  background-color: #40b65b;
}
#miViSec .abtBx:nth-child(2) .bxCntWrp .bxIcon .icnBx::after {
  border-color: #40b65b;
}
#miViSec .abtBx .bxImg {
  width: 100%;
  height: 200px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) {
  #miViSec .abtBx .bxImg {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) {
  #miViSec .abtBx .bxImg {
    height: 300px;
  }
}
@media only screen and (min-width: 1200px) {
  #miViSec .abtBx .bxImg {
    margin-bottom: 30px;
  }
}
#miViSec .abtBx .bxImg img {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#miViSec .abtBx .bxCntWrp {
  margin-top: -40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 576px) {
  #miViSec .abtBx .bxCntWrp {
    margin-top: 0;
  }
}
#miViSec .abtBx .bxCntWrp .bxIcon {
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) {
  #miViSec .abtBx .bxCntWrp .bxIcon {
    width: 100px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1200px) {
  #miViSec .abtBx .bxCntWrp .bxIcon {
    width: 130px;
  }
}
#miViSec .abtBx .bxCntWrp .bxIcon .icnBx {
  width: 80px;
  height: 74px;
  background-color: #39B44A;
  border-radius: 10px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 576px) {
  #miViSec .abtBx .bxCntWrp .bxIcon .icnBx {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1200px) {
  #miViSec .abtBx .bxCntWrp .bxIcon .icnBx {
    width: 130px;
    height: 122px;
  }
}
#miViSec .abtBx .bxCntWrp .bxIcon .icnBx::after {
  content: "";
  background-color: transparent;
  border: 1px solid #39B44A;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 10px;
  left: 10px;
  border-radius: 10px;
}
@media only screen and (min-width: 1200px) {
  #miViSec .abtBx .bxCntWrp .bxIcon .icnBx::after {
    top: 15px;
    left: 15px;
  }
}
@media only screen and (min-width: 1200px) {
  #miViSec .abtBx .bxCntWrp .bxIcon .icnBx::after {
    top: 40px;
    left: 16px;
    height: 80%;
  }
}
#miViSec .abtBx .bxCntWrp .bxIcon .icnBx svg {
  width: 38px;
  height: 38px;
  fill: rgb(255, 255, 255);
}
@media only screen and (min-width: 1200px) {
  #miViSec .abtBx .bxCntWrp .bxIcon .icnBx svg {
    width: 50px;
    height: 50px;
  }
}
#miViSec .abtBx .bxCntWrp .bxCnt {
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 576px) {
  #miViSec .abtBx .bxCntWrp .bxCnt {
    width: calc(100% - 100px);
    padding: 0 15px 0 15px;
    text-align: left;
  }
}
@media only screen and (min-width: 1200px) {
  #miViSec .abtBx .bxCntWrp .bxCnt {
    padding: 0 15px 0 70px;
    width: calc(100% - 130px);
  }
}
#miViSec .abtBx .bxCntWrp .bxCnt .mTle {
  font-size: 18px;
  color: #414141;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 10px;
}
@media only screen and (min-width: 576px) {
  #miViSec .abtBx .bxCntWrp .bxCnt .mTle {
    margin-top: 10px;
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) {
  #miViSec .abtBx .bxCntWrp .bxCnt .mTle {
    font-size: 30px;
    margin-bottom: 15px;
  }
}
#miViSec .abtBx .bxCntWrp .bxCnt p {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) {
  #miViSec .abtBx .bxCntWrp .bxCnt p {
    margin-bottom: 25px;
  }
}

#tokyoGrpSec {
  position: relative;
  padding: 40px 0;
}
@media only screen and (min-width: 576px) {
  #tokyoGrpSec {
    padding: 50px 0;
  }
}
@media only screen and (min-width: 768px) {
  #tokyoGrpSec {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 992px) {
  #tokyoGrpSec {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1200px) {
  #tokyoGrpSec {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 1441px) {
  #tokyoGrpSec {
    padding: 130px 0;
  }
}
#tokyoGrpSec .secTleWrp .mTle {
  margin-bottom: 20px;
}
@media only screen and (min-width: 567px) {
  #tokyoGrpSec .secTleWrp .mTle {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) {
  #tokyoGrpSec .secTleWrp .mTle {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 992px) {
  #tokyoGrpSec .secTleWrp .mTle {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 1200px) {
  #tokyoGrpSec .secTleWrp .mTle {
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 1441px) {
  #tokyoGrpSec .secTleWrp .mTle {
    margin-bottom: 50px;
  }
}
#tokyoGrpSec .servSlide {
  display: flex;
  flex-wrap: wrap;
  margin: -8px;
}
@media only screen and (min-width: 567px) {
  #tokyoGrpSec .servSlide {
    margin: -10px;
  }
}
@media only screen and (min-width: 992px) {
  #tokyoGrpSec .servSlide {
    margin: -15px;
  }
}
#tokyoGrpSec .servSlide .item {
  width: 100%;
  padding: 8px;
}
@media only screen and (min-width: 468px) {
  #tokyoGrpSec .servSlide .item {
    width: 50%;
  }
}
@media only screen and (min-width: 567px) {
  #tokyoGrpSec .servSlide .item {
    width: 50%;
    padding: 10px;
  }
}
@media only screen and (min-width: 768px) {
  #tokyoGrpSec .servSlide .item {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 992px) {
  #tokyoGrpSec .servSlide .item {
    width: 33.3333333333%;
    padding: 15px;
  }
}
@media only screen and (min-width: 1200px) {
  #tokyoGrpSec .servSlide .item {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 1441px) {
  #tokyoGrpSec .servSlide .item {
    width: 25%;
  }
}
#tokyoGrpSec .servSlide .item .servBx {
  background: #F3F6FB;
}
#tokyoGrpSec .servSlide .item .servBx .bxTle {
  margin-top: 20px;
  margin-bottom: 10px;
}
#tokyoGrpSec .servSlide .item .servBx .bxTle .mTle {
  text-transform: uppercase;
}
#tokyoGrpSec .servSlide .item .servBx .bxCnt p {
  margin-bottom: 25px;
  font-size: 14px;
  line-height: 1.6;
  -webkit-line-clamp: unset;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  margin-bottom: 10px;
}
#tokyoGrpSec .servSlide .item .servBx .bxCnt p:last-child {
  margin-bottom: 0px;
}
#tokyoGrpSec .btnWrp {
  margin-top: 30px;
}
@media only screen and (min-width: 468px) {
  #tokyoGrpSec .btnWrp {
    margin-top: 35px;
  }
}
@media only screen and (min-width: 567px) {
  #tokyoGrpSec .btnWrp {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 992px) {
  #tokyoGrpSec .btnWrp {
    margin-top: 45px;
  }
}
@media only screen and (min-width: 1200px) {
  #tokyoGrpSec .btnWrp {
    margin-top: 55px;
  }
}
@media only screen and (min-width: 1441px) {
  #tokyoGrpSec .btnWrp {
    margin-top: 65px;
  }
}
#tokyoGrpSec .btnWrp .btnCstm {
  background-color: transparent;
  width: 210px;
  margin-left: auto;
  margin-right: auto;
}

#whySec {
  padding: 40px 0;
  position: relative;
  background: #f3f6fb;
}
@media only screen and (min-width: 576px) {
  #whySec {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 992px) {
  #whySec {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1200px) {
  #whySec {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 1441px) {
  #whySec {
    padding: 140px 0;
  }
}
#whySec > .container > .row {
  align-items: center;
}
#whySec .cntWrp {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  #whySec .cntWrp {
    margin-left: 0;
    text-align: left;
  }
}
#whySec .cntWrp .secTleWrp {
  text-align: center;
}
@media only screen and (min-width: 992px) {
  #whySec .cntWrp .secTleWrp {
    text-align: left;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 992px) {
  #whySec .cntWrp > p {
    margin-bottom: 40px;
  }
}
#whySec .cntWrp .poiWrp .poiBx {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) {
  #whySec .cntWrp .poiWrp .poiBx {
    margin-bottom: 40px;
  }
}
#whySec .cntWrp .poiWrp .poiBx:nth-child(1) .bxIcon .icnBx {
  border-color: #40b65b;
  background: rgb(255, 255, 255);
}
#whySec .cntWrp .poiWrp .poiBx:nth-child(1) .bxIcon .icnBx svg {
  fill: #40b65b;
}
#whySec .cntWrp .poiWrp .poiBx:nth-child(2) .bxIcon .icnBx {
  border-color: #39B44A;
  background: rgb(255, 255, 255);
}
#whySec .cntWrp .poiWrp .poiBx:nth-child(2) .bxIcon .icnBx svg {
  fill: #39B44A;
}
#whySec .cntWrp .poiWrp .poiBx:nth-child(3) .bxIcon .icnBx {
  border-color: #000;
  background: rgb(255, 255, 255);
}
#whySec .cntWrp .poiWrp .poiBx:nth-child(3) .bxIcon .icnBx svg {
  fill: #000;
}
#whySec .cntWrp .poiWrp .poiBx .bxIcon {
  width: 100%;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) {
  #whySec .cntWrp .poiWrp .poiBx .bxIcon {
    width: 80px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1200px) {
  #whySec .cntWrp .poiWrp .poiBx .bxIcon {
    width: 100px;
  }
}
#whySec .cntWrp .poiWrp .poiBx .bxIcon .icnBx {
  width: 80px;
  height: 70px;
  background-color: transparent;
  border-radius: 10px;
  border: 1px solid #40b65b;
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1200px) {
  #whySec .cntWrp .poiWrp .poiBx .bxIcon .icnBx {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1200px) {
  #whySec .cntWrp .poiWrp .poiBx .bxIcon .icnBx {
    width: 100px;
    height: 90px;
  }
}
#whySec .cntWrp .poiWrp .poiBx .bxIcon .icnBx svg {
  width: 38px;
  height: 38px;
  fill: #40b65b;
}
@media only screen and (min-width: 1200px) {
  #whySec .cntWrp .poiWrp .poiBx .bxIcon .icnBx svg {
    width: 50px;
    height: 50px;
  }
}
#whySec .cntWrp .poiWrp .poiBx .bxCnt {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  #whySec .cntWrp .poiWrp .poiBx .bxCnt {
    padding-left: 15px;
    width: calc(100% - 80px);
  }
}
@media only screen and (min-width: 1200px) {
  #whySec .cntWrp .poiWrp .poiBx .bxCnt {
    padding-left: 28px;
    width: calc(100% - 100px);
  }
}
#whySec .cntWrp .poiWrp .poiBx .bxCnt .mTle {
  font-size: 16px;
  color: #414141;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 10px;
}
@media only screen and (min-width: 576px) {
  #whySec .cntWrp .poiWrp .poiBx .bxCnt .mTle {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) {
  #whySec .cntWrp .poiWrp .poiBx .bxCnt .mTle {
    font-size: 25px;
    margin-bottom: 15px;
  }
}
#whySec .cntWrp .poiWrp .poiBx .bxCnt p {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 5px;
}
#whySec .imgWrp {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  #whySec .imgWrp {
    max-width: 620px;
    margin-right: 0;
  }
}
#whySec .imgWrp .sdWrp {
  justify-content: flex-end;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#whySec .imgWrp .sdWrp:nth-child(2) {
  flex-direction: column-reverse;
  align-items: flex-start;
}
#whySec .imgWrp .sdWrp .imgbox {
  width: 100%;
  max-width: 100%;
  height: 240px;
  border-radius: 10px;
  overflow: hidden;
  margin: 7px;
}
@media only screen and (min-width: 992px) {
  #whySec .imgWrp .sdWrp .imgbox {
    max-width: 300px;
  }
}
#whySec .imgWrp .sdWrp .imgbox.sm {
  max-width: 100%;
  height: 150px;
}
@media only screen and (min-width: 992px) {
  #whySec .imgWrp .sdWrp .imgbox.sm {
    max-width: 190px;
  }
}
#whySec .imgWrp .sdWrp .imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/************** ******* **************/
/************* CONTACT_PAGE *************/
/************** ******* **************/
#AddressSection {
  position: relative;
  padding: 25px 0;
}
@media only screen and (min-width: 576px) {
  #AddressSection {
    padding: 30px 0;
  }
}
@media only screen and (min-width: 768px) {
  #AddressSection {
    padding: 40px 0;
  }
}
@media only screen and (min-width: 992px) {
  #AddressSection {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 1200px) {
  #AddressSection {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1441px) {
  #AddressSection {
    padding: 100px 0 90px;
  }
}
#AddressSection .row {
  margin: 0px;
}
#AddressSection .row > * {
  padding: 0px;
}
#AddressSection .row .OurAddrsSec {
  display: flex;
  flex-wrap: wrap;
}
#AddressSection .row .OurAddrsSec .OurCoursesSecLft {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecLft {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecLft {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecLft {
    width: 33%;
  }
}
#AddressSection .row .OurAddrsSec .OurCoursesSecLft .contentBx {
  max-width: 100%;
}
@media only screen and (max-width: 768px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecLft .contentBx {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1441px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecLft .contentBx {
    max-width: 370px;
  }
}
#AddressSection .row .OurAddrsSec .OurCoursesSecLft .contentBx p {
  font-weight: 400;
}
@media only screen and (min-width: 1441px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecLft .contentBx p {
    font-size: 16px;
  }
}
#AddressSection .row .OurAddrsSec .OurCoursesSecLft .contentBx .secTitleWrap {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media only screen and (min-width: 1441px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecLft .contentBx .secTitleWrap {
    margin-bottom: 10px;
  }
}
#AddressSection .row .OurAddrsSec .OurCoursesSecLft .contentBx .secTitleWrap.center {
  text-align: center;
}
#AddressSection .row .OurAddrsSec .OurCoursesSecLft .contentBx .secTitleWrap .secTitle {
  line-height: 1.3;
  font-weight: 500;
  margin-bottom: 10px;
  color: rgb(0, 0, 0);
  font-size: 36px;
  padding-right: 10px;
}
@media only screen and (min-width: 768px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecLft .contentBx .secTitleWrap .secTitle {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecLft .contentBx .secTitleWrap .secTitle {
    font-size: 40px;
  }
}
@media only screen and (min-width: 1200px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecLft .contentBx .secTitleWrap .secTitle {
    font-size: 46px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1441px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecLft .contentBx .secTitleWrap .secTitle {
    font-size: 56px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1551px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecLft .contentBx .secTitleWrap .secTitle {
    font-size: 63px;
    padding-right: 20px;
  }
}
#AddressSection .row .OurAddrsSec .OurCoursesSecLft .contentBx .secTitleWrap svg {
  width: 36px;
  height: 36px;
  stroke: #000;
}
@media only screen and (min-width: 768px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecLft .contentBx .secTitleWrap svg {
    width: 38px;
    height: 38px;
  }
}
@media only screen and (min-width: 992px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecLft .contentBx .secTitleWrap svg {
    width: 40px;
    height: 40px;
  }
}
@media only screen and (min-width: 1200px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecLft .contentBx .secTitleWrap svg {
    width: 46px;
    height: 46px;
  }
}
@media only screen and (min-width: 1441px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecLft .contentBx .secTitleWrap svg {
    width: 56px;
    height: 56px;
  }
}
@media only screen and (min-width: 1551px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecLft .contentBx .secTitleWrap svg {
    width: 64px;
    height: 64px;
  }
}
#AddressSection .row .OurAddrsSec .OurCoursesSecRit {
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecRit {
    width: 67%;
  }
}
#AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard {
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  text-align: center;
  border-right: 1px solid rgba(112, 112, 112, 0.1019607843);
}
@media only screen and (max-width: 768px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard {
    display: flex;
    flex-wrap: wrap;
    border-right: 0px;
    border-bottom: 1px solid rgba(112, 112, 112, 0.1019607843);
  }
}
#AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard:last-child {
  border-bottom: 0px;
}
@media only screen and (min-width: 768px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard {
    width: 33%;
    padding: 20px 20px 0px 20px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard {
    width: 33%;
    padding: 20px 35px 0px 35px;
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1200px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard {
    padding-right: 35px;
  }
}
#AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard:last-child {
  border-right: 0px;
}
#AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard:hover .cardIcon {
  animation: zoom-in-zoom-out 2s infinite;
}
#AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardIcon {
  margin-bottom: 10px;
  position: relative;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardIcon {
    width: 40px;
  }
}
@media only screen and (min-width: 992px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardIcon {
    margin-bottom: 35px;
  }
}
#AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardIcon .Icn_s1 {
  width: 35px;
  height: 35px;
}
@media only screen and (min-width: 992px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardIcon .Icn_s1 {
    width: 45px;
    height: 45px;
  }
}
#AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardIcon .Icn_s2 {
  width: 28px;
  height: 22px;
}
@media only screen and (min-width: 992px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardIcon .Icn_s2 {
    width: 36px;
    height: 27px;
  }
}
#AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardIcon .Icn_s3 {
  width: 28px;
  height: 28px;
}
@media only screen and (min-width: 992px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardIcon .Icn_s3 {
    width: 35px;
    height: 35px;
  }
}
#AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt {
  height: calc(100% - 45px);
}
@media only screen and (max-width: 768px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt {
    width: calc(100% - 40px);
    padding-left: 20px;
    text-align: left;
    padding-bottom: 20px;
  }
}
#AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt .cntTle {
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 10px;
  color: rgb(0, 0, 0);
  font-size: 16px;
}
@media only screen and (min-width: 768px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt .cntTle {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt .cntTle {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1200px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt .cntTle {
    font-size: 24px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1441px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt .cntTle {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1551px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt .cntTle {
    font-size: 29px;
  }
}
#AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt p {
  margin-bottom: 0px;
  line-height: 25px;
}
@media only screen and (max-width: 768px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt p {
    font-size: 13px;
  }
}
#AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt ul li a {
  display: inline-block;
  font-weight: 500;
  color: rgb(0, 0, 0);
  margin-bottom: 0;
  font-size: 16px;
}
#AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt ul li a:hover {
  color: #000;
}
#AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt ul span {
  font-weight: 400;
  color: #40b65b;
}
#AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt1 {
  height: calc(100% - 45px);
}
@media only screen and (max-width: 768px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt1 {
    width: calc(100% - 40px);
    padding-left: 20px;
    text-align: left;
  }
}
#AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt1 .cntTle {
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 10px;
  color: rgb(0, 0, 0);
  font-size: 16px;
}
@media only screen and (min-width: 768px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt1 .cntTle {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt1 .cntTle {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1200px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt1 .cntTle {
    font-size: 24px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1441px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt1 .cntTle {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1551px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt1 .cntTle {
    font-size: 29px;
  }
}
#AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt1 p {
  margin-bottom: 0px;
  line-height: 25px;
}
#AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt1 ul li a {
  display: inline-block;
  font-weight: 500;
  color: rgb(0, 0, 0);
  margin-bottom: 0;
  font-size: 18px;
}
@media only screen and (min-width: 1200px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt1 ul li a {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1441px) {
  #AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt1 ul li a {
    font-size: 22px;
  }
}
#AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt1 ul li a:hover {
  color: #000;
}
#AddressSection .row .OurAddrsSec .OurCoursesSecRit .gTouchCardWrap .gTouchCard .cardCnt1 ul span {
  font-weight: 400;
  color: #40b65b;
}

#FormSection {
  position: relative;
  background: rgba(29, 90, 170, 0.05);
  padding: 40px 0;
}
@media only screen and (min-width: 768px) {
  #FormSection {
    padding: 50px 0;
  }
}
@media only screen and (min-width: 992px) {
  #FormSection {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 1200px) {
  #FormSection {
    padding: 70px 0;
  }
}
@media only screen and (min-width: 1441px) {
  #FormSection {
    padding: 90px 0;
  }
}
@media only screen and (min-width: 1551px) {
  #FormSection {
    padding: 120px 0;
  }
}
#FormSection .row {
  margin: 0;
}
@media only screen and (min-width: 992px) {
  #FormSection .row {
    padding: 0 -50px 0 -65px;
  }
}
#FormSection .row > * {
  padding: 0;
}
@media only screen and (min-width: 992px) {
  #FormSection .row > * {
    padding: 0 50px 0 65px;
  }
}
#FormSection .row .FormSec {
  display: flex;
  flex-wrap: wrap;
}
#FormSection .row .FormSec .FrmSecLft {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #FormSection .row .FormSec .FrmSecLft {
    width: 300px;
  }
}
@media only screen and (min-width: 992px) {
  #FormSection .row .FormSec .FrmSecLft {
    width: 400px;
  }
}
@media only screen and (min-width: 1441px) {
  #FormSection .row .FormSec .FrmSecLft {
    width: 550px;
  }
}
#FormSection .row .FormSec .FrmSecLft .FrmImgBx {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 300px;
}
@media only screen and (min-width: 768px) {
  #FormSection .row .FormSec .FrmSecLft .FrmImgBx {
    height: 350px;
  }
}
@media only screen and (min-width: 768px) {
  #FormSection .row .FormSec .FrmSecLft .FrmImgBx {
    height: 100%;
  }
}
#FormSection .row .FormSec .FrmSecLft .FrmImgBx::before {
  content: "";
  position: absolute;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.55), transparent);
  background: rgb(0, 0, 0);
  background: -moz-linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  opacity: 0.44;
  width: 100%;
  height: 100%;
  right: 0;
  left: 0;
  bottom: 0px;
  z-index: 1;
}
#FormSection .row .FormSec .FrmSecLft .FrmImgBx img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 1.5s ease-in-out;
  transition: 1.5s ease-in-out;
}
#FormSection .row .FormSec .FrmSecLft .FrmImgBx:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
#FormSection .row .FormSec .FrmSecLft .FrmImgBx .txt {
  position: absolute;
  bottom: 0;
  letter-spacing: 3px;
  text-transform: uppercase;
  width: 100%;
  padding: 10px 15px 25px;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  #FormSection .row .FormSec .FrmSecLft .FrmImgBx .txt {
    padding: 10px 20px 30px;
  }
}
@media only screen and (min-width: 992px) {
  #FormSection .row .FormSec .FrmSecLft .FrmImgBx .txt {
    padding: 15px 25px 35px;
  }
}
@media only screen and (min-width: 1200px) {
  #FormSection .row .FormSec .FrmSecLft .FrmImgBx .txt {
    padding: 20px 35px 40px;
  }
}
@media only screen and (min-width: 1441px) {
  #FormSection .row .FormSec .FrmSecLft .FrmImgBx .txt {
    padding: 30px 45px 55px;
  }
}
#FormSection .row .FormSec .FrmSecLft .FrmImgBx .txt .txtTtl {
  font-size: 26px;
  font-weight: 700;
  color: rgb(255, 255, 255);
  line-height: 26px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  #FormSection .row .FormSec .FrmSecLft .FrmImgBx .txt .txtTtl {
    font-size: 28px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 992px) {
  #FormSection .row .FormSec .FrmSecLft .FrmImgBx .txt .txtTtl {
    font-size: 32px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  #FormSection .row .FormSec .FrmSecLft .FrmImgBx .txt .txtTtl {
    font-size: 38px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 1441px) {
  #FormSection .row .FormSec .FrmSecLft .FrmImgBx .txt .txtTtl {
    font-size: 42px;
    line-height: 38px;
  }
}
#FormSection .row .FormSec .FrmSecLft .FrmImgBx .txt .txtSub {
  font-size: 16px;
  font-weight: 400;
  color: rgb(255, 255, 255);
  line-height: 28px;
}
@media only screen and (min-width: 768px) {
  #FormSection .row .FormSec .FrmSecLft .FrmImgBx .txt .txtSub {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) {
  #FormSection .row .FormSec .FrmSecLft .FrmImgBx .txt .txtSub {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1200px) {
  #FormSection .row .FormSec .FrmSecLft .FrmImgBx .txt .txtSub {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1441px) {
  #FormSection .row .FormSec .FrmSecLft .FrmImgBx .txt .txtSub {
    font-size: 27px;
  }
}
#FormSection .row .FormSec .FrmSecRit {
  width: 100%;
  padding-left: 0px;
}
@media only screen and (min-width: 768px) {
  #FormSection .row .FormSec .FrmSecRit {
    width: calc(100% - 300px);
    padding-left: 50px;
  }
}
@media only screen and (min-width: 992px) {
  #FormSection .row .FormSec .FrmSecRit {
    width: calc(100% - 400px);
    padding-left: 70px;
  }
}
@media only screen and (min-width: 1441px) {
  #FormSection .row .FormSec .FrmSecRit {
    width: calc(100% - 550px);
    padding-left: 145px;
  }
}
#FormSection .row .FormSec .FrmSecRit .FrmSec {
  padding-top: 30px;
}
@media only screen and (min-width: 768px) {
  #FormSection .row .FormSec .FrmSecRit .FrmSec {
    padding-top: 0px;
  }
}
#FormSection .row .FormSec .FrmSecRit .FrmSec .subTtL {
  font-weight: 500;
  color: rgb(0, 0, 0);
  line-height: 26px;
  font-size: 14px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 992px) {
  #FormSection .row .FormSec .FrmSecRit .FrmSec .subTtL {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1441px) {
  #FormSection .row .FormSec .FrmSecRit .FrmSec .subTtL {
    font-size: 16px;
  }
}
#FormSection .row .FormSec .FrmSecRit .FrmSec .mainTtL {
  font-weight: 500;
  color: rgb(0, 0, 0);
  line-height: 26px;
  font-size: 32px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  #FormSection .row .FormSec .FrmSecRit .FrmSec .mainTtL {
    font-size: 36px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 992px) {
  #FormSection .row .FormSec .FrmSecRit .FrmSec .mainTtL {
    font-size: 46px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 1200px) {
  #FormSection .row .FormSec .FrmSecRit .FrmSec .mainTtL {
    font-size: 56px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 1441px) {
  #FormSection .row .FormSec .FrmSecRit .FrmSec .mainTtL {
    font-size: 63px;
    line-height: 60px;
  }
}
#FormSection .row .FormSec .FrmSecRit .FrmSec .tagTtl {
  font-weight: 500;
  color: rgb(0, 0, 0);
  line-height: 26px;
  font-size: 14px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) {
  #FormSection .row .FormSec .FrmSecRit .FrmSec .tagTtl {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1441px) {
  #FormSection .row .FormSec .FrmSecRit .FrmSec .tagTtl {
    font-size: 16px;
  }
}
#FormSection .row .FormSec .FrmSecRit .FrmSec form {
  padding-top: 20px;
}
@media only screen and (min-width: 992px) {
  #FormSection .row .FormSec .FrmSecRit .FrmSec form {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 1441px) {
  #FormSection .row .FormSec .FrmSecRit .FrmSec form {
    padding-top: 60px;
  }
}
#FormSection .row .FormSec .FrmSecRit .FrmSec form .row {
  margin: 0 -7px;
}
@media only screen and (min-width: 768px) {
  #FormSection .row .FormSec .FrmSecRit .FrmSec form .row {
    margin: 0 -15px;
  }
}
#FormSection .row .FormSec .FrmSecRit .FrmSec form .row > * {
  padding: 0 7px;
}
@media only screen and (min-width: 768px) {
  #FormSection .row .FormSec .FrmSecRit .FrmSec form .row > * {
    padding: 0 15px;
  }
}
#FormSection .row .FormSec .FrmSecRit .FrmSec form .row .form-group {
  margin-bottom: 30px;
}
#FormSection .row .FormSec .FrmSecRit .FrmSec form .row .form-control {
  border: 0;
  border-bottom: 1px solid rgb(0, 0, 0);
  border-radius: 0px;
  color: rgb(0, 0, 0);
  background: transparent;
  font-size: 13px;
  font-weight: 400;
  padding: 10px 0px 10px 0px;
}
@media only screen and (min-width: 575px) {
  #FormSection .row .FormSec .FrmSecRit .FrmSec form .row .form-control {
    font-size: 14px;
  }
}
#FormSection .row .FormSec .FrmSecRit .FrmSec form .row .form-control:focus {
  border-color: #40b65b;
}
#FormSection .row .FormSec .FrmSecRit .FrmSec form .row .form-control::placeholder {
  color: rgb(0, 0, 0);
}
#FormSection .row .FormSec .FrmSecRit .FrmSec form .row .form-control textarea.form-control {
  min-height: 130px;
}
#FormSection .row .FormSec .FrmSecRit .FrmSec form .row .form-control input.form-control {
  height: 25px;
}
#FormSection .row .FormSec .FrmSecRit .FrmSec form .row .btn_send {
  background-color: transparent;
  border: 1px solid #40b65b;
  width: 180px;
  height: 40px;
  padding: 15px 35px;
  font-size: 12px;
  font-weight: 500;
  color: #40b65b;
  position: relative;
  border-radius: 35px;
  transition: all 0.3s ease-out;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  z-index: 1;
  margin-top: 25px;
  float: left;
}
@media only screen and (min-width: 468px) {
  #FormSection .row .FormSec .FrmSecRit .FrmSec form .row .btn_send {
    font-size: 13px;
    width: 190px;
    height: 44px;
  }
}
@media only screen and (min-width: 992px) {
  #FormSection .row .FormSec .FrmSecRit .FrmSec form .row .btn_send {
    font-size: 13px;
    width: 200px;
    height: 44px;
  }
}
@media only screen and (min-width: 1551px) {
  #FormSection .row .FormSec .FrmSecRit .FrmSec form .row .btn_send {
    font-size: 13px;
    width: 272px;
    height: 54px;
  }
}
#FormSection .row .FormSec .FrmSecRit .FrmSec form .row .btn_send::after {
  content: " ";
  position: absolute;
  height: 100%;
  width: 0;
  background: #40b65b;
  border: 0px solid #40b65b;
  right: 0;
  top: 0;
  border-radius: 35px;
  z-index: -1;
  transition: all 0.3s ease-out;
}
#FormSection .row .FormSec .FrmSecRit .FrmSec form .row .btn_send:hover {
  color: rgb(255, 255, 255);
  cursor: pointer;
}

#ContactMap {
  position: relative;
  padding: 40px 0px;
}
@media only screen and (min-width: 768px) {
  #ContactMap {
    padding: 50px 0;
  }
}
@media only screen and (min-width: 992px) {
  #ContactMap {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 1200px) {
  #ContactMap {
    padding: 70px 0;
  }
}
@media only screen and (min-width: 1441px) {
  #ContactMap {
    padding: 90px 0;
  }
}
@media only screen and (min-width: 1551px) {
  #ContactMap {
    padding: 130px 0px;
  }
}
#ContactMap .row {
  margin: 0px;
}
#ContactMap .row > * {
  padding: 0px;
}
#ContactMap .row .MapSection {
  position: relative;
}
#ContactMap .row .MapSection .TmainTxT {
  color: rgb(0, 0, 0);
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
  text-align: center;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  #ContactMap .row .MapSection .TmainTxT {
    font-size: 28px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 992px) {
  #ContactMap .row .MapSection .TmainTxT {
    font-size: 30px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1200px) {
  #ContactMap .row .MapSection .TmainTxT {
    font-size: 35px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 1441px) {
  #ContactMap .row .MapSection .TmainTxT {
    font-size: 40px;
    line-height: 38px;
  }
}
#ContactMap .row .MapSection .TtagTxT {
  color: #2e2e2e;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  line-height: 26px;
}
@media only screen and (min-width: 768px) {
  #ContactMap .row .MapSection .TtagTxT {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) {
  #ContactMap .row .MapSection .TtagTxT {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  #ContactMap .row .MapSection .TtagTxT {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1441px) {
  #ContactMap .row .MapSection .TtagTxT {
    font-size: 20px;
  }
}
#ContactMap .row .MapSection .mapSec {
  padding-top: 15px;
  width: 100%;
  height: 245px;
}
@media only screen and (min-width: 468px) {
  #ContactMap .row .MapSection .mapSec {
    height: 245px;
    padding-top: 20px;
  }
}
@media only screen and (min-width: 575px) {
  #ContactMap .row .MapSection .mapSec {
    height: 280px;
    padding-top: 25px;
  }
}
@media only screen and (min-width: 768px) {
  #ContactMap .row .MapSection .mapSec {
    height: 320px;
    padding-top: 30px;
  }
}
@media only screen and (min-width: 992px) {
  #ContactMap .row .MapSection .mapSec {
    height: 380px;
    padding-top: 40px;
  }
}
@media only screen and (min-width: 1200px) {
  #ContactMap .row .MapSection .mapSec {
    height: 450px;
    padding-top: 50px;
  }
}
@media only screen and (min-width: 1441px) {
  #ContactMap .row .MapSection .mapSec {
    height: 540px;
    padding-top: 60px;
  }
}
#ContactMap .row .MapSection .mapSec iframe {
  width: 100%;
  height: 100%;
  filter: grayscale(100%);
}

/************** ******* **************/
/************* CLIENT_PAGE *************/
/************** ******* **************/
#ClientSection {
  position: relative;
  background: #F3F6FB;
  padding: 40px 0;
}
@media only screen and (min-width: 576px) {
  #ClientSection {
    padding: 50px 0;
  }
}
@media only screen and (min-width: 768px) {
  #ClientSection {
    padding: 55px 0;
  }
}
@media only screen and (min-width: 992px) {
  #ClientSection {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 1200px) {
  #ClientSection {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1441px) {
  #ClientSection {
    padding: 100px 0 90px;
  }
}
#ClientSection .ClientSec {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: -12.5px;
}
#ClientSection .ClientSec .item {
  padding: 6px;
  width: 100%;
}
@media only screen and (min-width: 320px) {
  #ClientSection .ClientSec .item {
    width: 50%;
  }
}
@media only screen and (min-width: 468px) {
  #ClientSection .ClientSec .item {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 567px) {
  #ClientSection .ClientSec .item {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 992px) {
  #ClientSection .ClientSec .item {
    width: 25%;
    padding: 12.5px;
  }
}
@media only screen and (min-width: 1200px) {
  #ClientSection .ClientSec .item {
    width: 20%;
  }
}
@media only screen and (min-width: 1441px) {
  #ClientSection .ClientSec .item {
    width: 16.6666666667%;
  }
}
#ClientSection .ClientSec .item .ClientBox {
  background: rgb(255, 255, 255);
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 95px;
  border-radius: 10px;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#ClientSection .ClientSec .item .ClientBox:hover {
  transform: translateY(-4px);
  box-shadow: 0px 20px 30px rgba(13, 47, 103, 0.1490196078);
}
#ClientSection .ClientSec .item .ClientBox img {
  max-height: 65px;
  max-width: 100%;
}
@media only screen and (min-width: 567px) {
  #ClientSection .ClientSec .item .ClientBox img {
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}

/************** ******* **************/
/************* SERVICES_PAGE *************/
/************** ******* **************/
#inrServSec {
  position: relative;
  background: #F3F6FB;
  padding: 40px 0;
}
@media only screen and (min-width: 576px) {
  #inrServSec {
    padding: 50px 0;
  }
}
@media only screen and (min-width: 768px) {
  #inrServSec {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 992px) {
  #inrServSec {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1200px) {
  #inrServSec {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 1441px) {
  #inrServSec {
    padding: 145px 0 115px;
  }
}
#inrServSec .servSlide {
  display: flex;
  flex-wrap: wrap;
  margin: -15px -5px;
}
@media only screen and (min-width: 567px) {
  #inrServSec .servSlide {
    margin: -20px -10px;
  }
}
@media only screen and (min-width: 992px) {
  #inrServSec .servSlide {
    margin: -35px -15px;
  }
}
#inrServSec .servSlide#servList .item {
  display: none;
}
#inrServSec .servSlide .item {
  height: 100%;
  width: 100%;
  padding: 15px 5px;
}
@media only screen and (min-width: 468px) {
  #inrServSec .servSlide .item {
    width: 50%;
  }
}
@media only screen and (min-width: 567px) {
  #inrServSec .servSlide .item {
    width: 50%;
    padding: 20px 10px;
  }
}
@media only screen and (min-width: 768px) {
  #inrServSec .servSlide .item {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 992px) {
  #inrServSec .servSlide .item {
    width: 33.3333333333%;
    padding: 35px 15px;
  }
}
@media only screen and (min-width: 1200px) {
  #inrServSec .servSlide .item {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 1441px) {
  #inrServSec .servSlide .item {
    width: 25%;
  }
}
#inrServSec .btnWrp {
  margin-top: 30px;
}
@media only screen and (min-width: 468px) {
  #inrServSec .btnWrp {
    margin-top: 35px;
  }
}
@media only screen and (min-width: 567px) {
  #inrServSec .btnWrp {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 992px) {
  #inrServSec .btnWrp {
    margin-top: 45px;
  }
}
@media only screen and (min-width: 1200px) {
  #inrServSec .btnWrp {
    margin-top: 55px;
  }
}
@media only screen and (min-width: 1441px) {
  #inrServSec .btnWrp {
    margin-top: 65px;
  }
}
#inrServSec .btnWrp .btnCstm {
  background-color: transparent;
  width: 210px;
  margin-left: auto;
  margin-right: auto;
}

/************** ******* **************/
/************* PROJECTS_PAGE *************/
/************** ******* **************/
#inrProjSec {
  position: relative;
  background: #F3F6FB;
  padding: 40px 0;
}
@media only screen and (min-width: 576px) {
  #inrProjSec {
    padding: 50px 0;
  }
}
@media only screen and (min-width: 768px) {
  #inrProjSec {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 992px) {
  #inrProjSec {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1200px) {
  #inrProjSec {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 1441px) {
  #inrProjSec {
    padding: 145px 0 115px;
  }
}
#inrProjSec .projSlide {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
}
@media only screen and (min-width: 468px) {
  #inrProjSec .projSlide {
    margin: -12px -5px;
  }
}
@media only screen and (min-width: 567px) {
  #inrProjSec .projSlide {
    margin: -12px -7.5px;
  }
}
@media only screen and (min-width: 992px) {
  #inrProjSec .projSlide {
    margin: -37.5px -15px;
  }
}
#inrProjSec .projSlide .item {
  height: 100%;
  width: 100%;
  padding: 5px;
}
@media only screen and (min-width: 468px) {
  #inrProjSec .projSlide .item {
    width: 50%;
    padding: 12px 5px;
  }
}
@media only screen and (min-width: 567px) {
  #inrProjSec .projSlide .item {
    width: 50%;
    padding: 12px 7.5px;
  }
}
@media only screen and (min-width: 768px) {
  #inrProjSec .projSlide .item {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  #inrProjSec .projSlide .item {
    width: 33.3333333333%;
    padding: 37.5px 15px;
  }
}
@media only screen and (min-width: 1200px) {
  #inrProjSec .projSlide .item {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 1441px) {
  #inrProjSec .projSlide .item {
    width: 33.3333333333%;
  }
}

/************** ******* **************/
/************* SERVICES DETAILS_PAGE *************/
/************** ******* **************/
#servicesDtlSection {
  position: relative;
  background: #F3F6FB;
  padding: 40px 0;
}
@media only screen and (min-width: 576px) {
  #servicesDtlSection {
    padding: 50px 0;
  }
}
@media only screen and (min-width: 768px) {
  #servicesDtlSection {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 992px) {
  #servicesDtlSection {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1200px) {
  #servicesDtlSection {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 1441px) {
  #servicesDtlSection {
    padding: 145px 0 115px;
  }
}
#servicesDtlSection .servicesDtlSec {
  display: flex;
  flex-wrap: wrap;
}
#servicesDtlSection .servicesDtlSec .servicesDtlLft {
  width: 100%;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlLft {
    width: 325px;
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1200px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlLft {
    width: 320px;
  }
}
@media only screen and (min-width: 1441px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlLft {
    width: 395px;
  }
}
#servicesDtlSection .servicesDtlSec .servicesDtlLft .servDtlListing {
  background: rgb(255, 255, 255);
  border-radius: 10px;
}
#servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord {
  padding: 0;
}
#servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item {
  border: 0;
}
#servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .serv_Btn {
  background: rgb(255, 255, 255);
  color: #2E2E2E;
  font-size: 18px;
  font-weight: 600;
  padding: 10px 15px;
  box-shadow: none;
  border-bottom: 1px solid rgba(112, 112, 112, 0.11);
}
@media only screen and (min-width: 768px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .serv_Btn {
    font-size: 18px;
    padding: 10px 25px;
  }
}
@media only screen and (min-width: 992px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .serv_Btn {
    font-size: 20px;
    padding: 15px 35px;
  }
}
@media only screen and (min-width: 1200px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .serv_Btn {
    font-size: 22px;
    padding: 20px 45px;
  }
}
@media only screen and (min-width: 1441px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .serv_Btn {
    font-size: 25px;
    padding: 20px 45px;
  }
}
#servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .serv_Btn[aria-expanded=false]::after {
  background-image: none;
  background: url(../images/arrow.svg);
  background-size: 15px;
  background-repeat: no-repeat;
  transform: rotateX(180deg);
}
@media only screen and (min-width: 992px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .serv_Btn[aria-expanded=false]::after {
    background-image: none;
  }
}
#servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .serv_Btn[aria-expanded=true]::after, #servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .serv_Btn.active::after {
  background-image: none;
  background: url(../images/arrow.svg);
  background-size: 15px;
  background-repeat: no-repeat;
  transform: none;
}
@media only screen and (min-width: 992px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .serv_Btn[aria-expanded=true]::after, #servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .serv_Btn.active::after {
    background-image: none;
  }
}
#servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .serv_Btn::after {
  background-image: none;
  transform: none;
}
@media only screen and (min-width: 992px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .serv_Btn::after {
    background-image: none;
  }
}
#servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .serv_Btn:focus {
  box-shadow: none;
}
#servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .MainAccord .accordion-body {
  padding: 10px 0;
  background: rgb(255, 255, 255);
  border-radius: 10px;
}
@media only screen and (min-width: 768px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .MainAccord .accordion-body {
    padding: 10px 0;
  }
}
@media only screen and (min-width: 992px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .MainAccord .accordion-body {
    padding: 15px 0;
  }
}
@media only screen and (min-width: 1200px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .MainAccord .accordion-body {
    padding: 20px 0;
  }
}
@media only screen and (min-width: 1441px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .MainAccord .accordion-body {
    padding: 30px 0;
  }
}
#servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .MainAccord .accordion-item {
  border: none;
}
#servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .MainAccord .accordion-button {
  font-size: 13px;
  background: rgb(255, 255, 255);
  color: #2E2E2E;
  box-shadow: none;
  border: none;
  padding: 7px 20px;
}
@media only screen and (min-width: 768px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .MainAccord .accordion-button {
    font-size: 14px;
    padding: 10px 25px;
  }
}
@media only screen and (min-width: 992px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .MainAccord .accordion-button {
    font-size: 15px;
    padding: 10px 30px;
  }
}
@media only screen and (min-width: 1200px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .MainAccord .accordion-button {
    font-size: 16px;
    padding: 10px 35px;
  }
}
@media only screen and (min-width: 1441px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .MainAccord .accordion-button {
    font-size: 16px;
    padding: 10px 45px;
  }
}
#servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .MainAccord .accordion-button[aria-expanded=true], #servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .MainAccord .accordion-button.active {
  color: #40b65b;
  font-weight: 600;
}
#servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .MainAccord .accordion-button[aria-expanded=true]::after, #servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .MainAccord .accordion-button.active::after {
  background-image: none;
  width: 22px;
  height: 22px;
  background: #40b65b;
  border: 7px solid #F3F6FB;
  border-radius: 50%;
  right: -10px;
  position: absolute;
}
@media only screen and (min-width: 992px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .MainAccord .accordion-button[aria-expanded=true]::after, #servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .MainAccord .accordion-button.active::after {
    background-image: none;
    width: 30px;
    height: 30px;
    background: #40b65b;
    border: 10px solid #F3F6FB;
    border-radius: 50%;
    right: -15px;
    position: absolute;
  }
}
#servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .MainAccord .accordion-button:hover {
  color: #40b65b;
  font-weight: 600;
}
#servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .MainAccord .accordion-button::after {
  background-image: none;
}
#servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .MainAccord .accordion-button:focus {
  box-shadow: none;
}
#servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .MainAccord .accord-collapse .accord-body ul li {
  padding: 10px 45px;
}
#servicesDtlSection .servicesDtlSec .servicesDtlLft .ServiceAccord .accordion-item .MainAccord .accord-collapse .accord-body ul li a {
  margin-bottom: 20px;
  color: #2E2E2E;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
}
#servicesDtlSection .servicesDtlSec .servicesDtlRit {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlRit {
    width: calc(100% - 325px);
    padding-left: 35px;
  }
}
@media only screen and (min-width: 1200px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlRit {
    width: calc(100% - 320px);
    padding-left: 40px;
  }
}
@media only screen and (min-width: 1441px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlRit {
    width: calc(100% - 395px);
    padding-left: 70px;
  }
}
#servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails {
  position: relative;
  background: rgb(255, 255, 255);
  border-radius: 10px;
  padding: 35px 20px 40px;
}
@media only screen and (min-width: 992px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails {
    padding: 25px 25px 30px;
  }
}
@media only screen and (min-width: 1200px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails {
    padding: 35px 35px 40px;
  }
}
@media only screen and (min-width: 1441px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails {
    padding: 40px 40px 45px;
  }
}
#servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-Ttl {
  font-size: 24px;
  font-weight: 600;
  color: #2E2E2E;
  line-height: 30px;
}
@media only screen and (min-width: 768px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-Ttl {
    font-size: 26px;
  }
}
@media only screen and (min-width: 992px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-Ttl {
    font-size: 28px;
  }
}
@media only screen and (min-width: 1200px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-Ttl {
    font-size: 30px;
  }
}
@media only screen and (min-width: 1441px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-Ttl {
    font-size: 35px;
  }
}
#servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-ImgBx {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  margin: 15px auto;
}
@media only screen and (min-width: 1200px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-ImgBx {
    margin: 20px auto;
  }
}
@media only screen and (min-width: 1441px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-ImgBx {
    margin: 30px auto;
  }
}
#servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-ImgBx img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-ImgBx:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails p {
  color: #414141;
}
@media only screen and (max-width: 767px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails p {
    font-size: 13px;
  }
}
#servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails p:last-child {
  margin-bottom: 0px;
}
#servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-ImgBx1 {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
}
@media only screen and (min-width: 768px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-ImgBx1 {
    margin: -10px;
  }
}
@media only screen and (min-width: 992px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-ImgBx1 {
    margin: -15px;
  }
}
@media only screen and (min-width: 1200px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-ImgBx1 {
    margin: -20px;
  }
}
@media only screen and (min-width: 1441px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-ImgBx1 {
    margin: -20px;
  }
}
#servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-ImgBx1 .item {
  width: 100%;
  padding: 5px;
}
@media only screen and (min-width: 567px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-ImgBx1 .item {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-ImgBx1 .item {
    width: 50%;
    padding: 10px;
  }
}
@media only screen and (min-width: 992px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-ImgBx1 .item {
    width: 50%;
    padding: 15px;
  }
}
@media only screen and (min-width: 1200px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-ImgBx1 .item {
    width: 50%;
    padding: 20px;
  }
}
@media only screen and (min-width: 1441px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-ImgBx1 .item {
    width: 50%;
    padding: 20px;
  }
}
#servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-ImgBx1 .item .servDtl-ImgBx {
  margin: 0;
}
#servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-SubTtl {
  color: #2E2E2E;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  margin: 15px 0;
}
@media only screen and (min-width: 768px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-SubTtl {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-SubTtl {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-SubTtl {
    font-size: 22px;
    margin: 20px 0;
  }
}
@media only screen and (min-width: 1441px) {
  #servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails .servDtl-SubTtl {
    font-size: 25px;
    margin: 30px 0;
  }
}
#servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails p {
  color: #414141;
}
#servicesDtlSection .servicesDtlSec .servicesDtlRit .servDetails p:last-child {
  margin-bottom: 0px;
}

#FormSection {
  background: rgb(255, 255, 255);
}

/************** ******* **************/
/************* CAREERS_PAGE *************/
/************** ******* **************/
.careersPage .jbBx {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
  height: 100%;
  padding: 30px 20px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background-color: #fff;
}
.careersPage .jbBx:hover {
  transform: translateY(-6px);
  box-shadow: 0px 20px 30px rgba(77, 75, 97, 0.2);
}
@media only screen and (min-width: 992px) {
  .careersPage .jbBx:hover {
    transform: translateY(-18px);
  }
}
.careersPage .jbBx:hover .bxBtn .btnCstm {
  background-color: #000;
  color: rgb(255, 255, 255);
}
.careersPage .jbBx .dateBx {
  margin-bottom: 10px;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 992px) {
  .careersPage .jbBx .dateBx {
    margin-bottom: 20px;
  }
}
.careersPage .jbBx .dateBx .lftSd {
  width: 12px;
}
.careersPage .jbBx .dateBx .lftSd img {
  fill: rgb(255, 255, 255);
  width: 12px;
  height: 12px;
}
.careersPage .jbBx .dateBx .rgtSd {
  padding-left: 6px;
  width: calc(100% - 12px);
}
@media only screen and (min-width: 576px) {
  .careersPage .jbBx .dateBx .rgtSd {
    padding-left: 10px;
  }
}
.careersPage .jbBx .dateBx .rgtSd .dateInfo {
  color: #4D4B61;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  margin-top: 3px;
}
@media only screen and (min-width: 576px) {
  .careersPage .jbBx .dateBx .rgtSd .dateInfo {
    font-size: 14px;
  }
}
.careersPage .jbBx .bxTle {
  font-size: 14px;
  line-height: 1.1;
  font-weight: 600;
  margin-bottom: 10px;
  color: rgb(0, 0, 0);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media only screen and (min-width: 576px) {
  .careersPage .jbBx .bxTle {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .careersPage .jbBx .bxTle {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
.careersPage .jbBx .txt {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 15px;
  color: #4D4B61;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
}
@media only screen and (min-width: 768px) {
  .careersPage .jbBx .txt {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
.careersPage .jbBx .dtlsInfo {
  width: 100%;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 992px) {
  .careersPage .jbBx .dtlsInfo {
    margin-bottom: 20px;
  }
}
.careersPage .jbBx .dtlsInfo .autrInfo {
  color: #908E9C;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  padding-right: 15px;
  white-space: nowrap;
}
@media only screen and (min-width: 576px) {
  .careersPage .jbBx .dtlsInfo .autrInfo {
    font-size: 13px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 1200px) {
  .careersPage .jbBx .dtlsInfo .autrInfo {
    padding-right: 45px;
    padding-bottom: 10px;
  }
}
.careersPage .jbBx .dtlsInfo .autrInfo:last-child {
  padding-right: 0px;
  padding-bottom: 0px;
}
.careersPage .jbBx .dtlsInfo .autrInfo > span {
  color: #4D4B61;
  font-weight: 500;
}
.careersPage .jbBx .bxBtn .btnCstm {
  width: 110px;
  height: 35px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.1px;
  background-color: rgba(231, 32, 40, 0.1);
  color: #2E2E2E;
  border: none;
}
@media only screen and (min-width: 992px) {
  .careersPage .jbBx .bxBtn .btnCstm {
    font-size: 11px;
    width: 130px;
    height: 44px;
  }
}
.careersPage #CareerSection {
  position: relative;
  background: #F3F6FB;
  padding: 40px 0;
}
@media only screen and (min-width: 576px) {
  .careersPage #CareerSection {
    padding: 50px 0;
  }
}
@media only screen and (min-width: 768px) {
  .careersPage #CareerSection {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 992px) {
  .careersPage #CareerSection {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1200px) {
  .careersPage #CareerSection {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 1441px) {
  .careersPage #CareerSection {
    padding: 145px 0 100px;
  }
}
.careersPage #CareerSection .careerSec {
  display: flex;
  flex-wrap: wrap;
  margin: -15px -5px;
}
@media only screen and (min-width: 567px) {
  .careersPage #CareerSection .careerSec {
    margin: -20px -10px;
  }
}
@media only screen and (min-width: 992px) {
  .careersPage #CareerSection .careerSec {
    margin: -25px -15px;
  }
}
.careersPage #CareerSection .careerSec#careerList .crrItem {
  display: none;
}
.careersPage #CareerSection .careerSec .crrItem {
  width: 100%;
  padding: 15px 5px;
}
@media only screen and (min-width: 576px) {
  .careersPage #CareerSection .careerSec .crrItem {
    width: 50%;
    padding: 20px 10px;
  }
}
@media only screen and (min-width: 768px) {
  .careersPage #CareerSection .careerSec .crrItem {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  .careersPage #CareerSection .careerSec .crrItem {
    width: 33.3333333333%;
    padding: 25px 15px;
  }
}
@media only screen and (min-width: 1200px) {
  .careersPage #CareerSection .careerSec .crrItem {
    width: 25%;
  }
}
.careersPage #crrDtlsSec {
  padding: 40px 0;
  background: #F3F6FB;
  border-top: 1px solid #E1E0E4;
}
@media only screen and (min-width: 576px) {
  .careersPage #crrDtlsSec {
    padding: 50px 0;
  }
}
@media only screen and (min-width: 768px) {
  .careersPage #crrDtlsSec {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 992px) {
  .careersPage #crrDtlsSec {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1200px) {
  .careersPage #crrDtlsSec {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 1441px) {
  .careersPage #crrDtlsSec {
    padding: 145px 0 150px;
  }
}
.careersPage #crrDtlsSec .dflx {
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 992px) {
  .careersPage #crrDtlsSec .dflx {
    padding: 0 45px;
  }
}
@media only screen and (min-width: 1441px) {
  .careersPage #crrDtlsSec .dflx {
    padding: 0 95px;
  }
}
.careersPage #crrDtlsSec .crrDtlsLft {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .careersPage #crrDtlsSec .crrDtlsLft {
    width: 400px;
  }
}
@media only screen and (min-width: 1441px) {
  .careersPage #crrDtlsSec .crrDtlsLft {
    width: 500px;
  }
}
.careersPage #crrDtlsSec .crrDtlsLft .jbBx {
  padding: 20px;
  margin-bottom: 40px;
  box-shadow: 0px 20px 30px rgba(77, 75, 97, 0.2);
}
@media only screen and (min-width: 576px) {
  .careersPage #crrDtlsSec .crrDtlsLft .jbBx {
    padding: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .careersPage #crrDtlsSec .crrDtlsLft .jbBx {
    margin-bottom: 40;
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 992px) {
  .careersPage #crrDtlsSec .crrDtlsLft .jbBx {
    padding: 55px 40px;
  }
}
@media only screen and (min-width: 1441px) {
  .careersPage #crrDtlsSec .crrDtlsLft .jbBx {
    padding-right: 40px;
  }
}
.careersPage #crrDtlsSec .crrDtlsLft .jbBx:hover {
  transform: none;
}
.careersPage #crrDtlsSec .crrDtlsLft .jbBx .dateBx {
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) {
  .careersPage #crrDtlsSec .crrDtlsLft .jbBx .dateBx {
    margin-bottom: 25px;
  }
}
.careersPage #crrDtlsSec .crrDtlsLft .jbBx .dateBx .lftSd {
  width: 19px;
}
.careersPage #crrDtlsSec .crrDtlsLft .jbBx .dateBx .lftSd img {
  fill: rgb(255, 255, 255);
  width: 19px;
  height: 19px;
}
.careersPage #crrDtlsSec .crrDtlsLft .jbBx .dateBx .rgtSd {
  padding-left: 6px;
  width: calc(100% - 19px);
}
@media only screen and (min-width: 576px) {
  .careersPage #crrDtlsSec .crrDtlsLft .jbBx .dateBx .rgtSd {
    padding-left: 10px;
  }
}
.careersPage #crrDtlsSec .crrDtlsLft .jbBx .dateBx .rgtSd .dateInfo {
  color: #4D4B61;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  margin-top: 3px;
}
@media only screen and (min-width: 576px) {
  .careersPage #crrDtlsSec .crrDtlsLft .jbBx .dateBx .rgtSd .dateInfo {
    font-size: 15px;
  }
}
.careersPage #crrDtlsSec .crrDtlsLft .jbBx .bxTle {
  font-size: 18px;
  white-space: break-spaces;
  text-overflow: inherit;
  overflow: visible;
  color: #2D2D2D;
  margin-bottom: 10px;
}
@media only screen and (min-width: 576px) {
  .careersPage #crrDtlsSec .crrDtlsLft .jbBx .bxTle {
    font-size: 22px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 992px) {
  .careersPage #crrDtlsSec .crrDtlsLft .jbBx .bxTle {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
.careersPage #crrDtlsSec .crrDtlsLft .jbBx .txt {
  font-size: 14px;
  color: #4D4B61;
  text-overflow: inherit;
  -webkit-line-clamp: inherit;
  -webkit-box-orient: inherit;
  overflow: visible;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) {
  .careersPage #crrDtlsSec .crrDtlsLft .jbBx .txt {
    font-size: 15px;
    margin-bottom: 20px;
  }
}
.careersPage #crrDtlsSec .crrDtlsLft .jbBx .ulTle {
  font-weight: 500;
  color: #3C3A48;
  text-transform: capitalize;
  margin-bottom: 5px;
}
@media only screen and (min-width: 992px) {
  .careersPage #crrDtlsSec .crrDtlsLft .jbBx .ulTle {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
.careersPage #crrDtlsSec .crrDtlsLft .jbBx .styUl, .careersPage #crrDtlsSec .crrDtlsLft .jbBx .styUl > ul {
  color: #4D4B61;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 10px;
}
@media only screen and (min-width: 576px) {
  .careersPage #crrDtlsSec .crrDtlsLft .jbBx .styUl, .careersPage #crrDtlsSec .crrDtlsLft .jbBx .styUl > ul {
    font-size: 15px;
    margin-bottom: 20px;
  }
}
.careersPage #crrDtlsSec .crrDtlsLft .jbBx .styUl li, .careersPage #crrDtlsSec .crrDtlsLft .jbBx .styUl > ul li {
  margin-bottom: 8px;
  position: relative;
  padding-left: 20px;
}
.careersPage #crrDtlsSec .crrDtlsLft .jbBx .styUl li:before, .careersPage #crrDtlsSec .crrDtlsLft .jbBx .styUl > ul li:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 6px;
  height: 6px;
  background: #40b65b;
  border-radius: 50%;
}
.careersPage #crrDtlsSec .crrDtlsLft .jbBx .dtlsInfo {
  margin-bottom: 0;
  flex-direction: column;
}
.careersPage #crrDtlsSec .crrDtlsLft .jbBx .dtlsInfo .autrInfo {
  color: #3C3A48;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: break-spaces;
  margin-bottom: 10px;
}
@media only screen and (min-width: 576px) {
  .careersPage #crrDtlsSec .crrDtlsLft .jbBx .dtlsInfo .autrInfo {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
  .careersPage #crrDtlsSec .crrDtlsLft .jbBx .dtlsInfo .autrInfo {
    font-size: 16px;
  }
}
.careersPage #crrDtlsSec .crrDtlsLft .jbBx .dtlsInfo .autrInfo > span {
  color: #4D4B61;
  font-weight: 400;
  font-size: 14px;
}
@media only screen and (min-width: 576px) {
  .careersPage #crrDtlsSec .crrDtlsLft .jbBx .dtlsInfo .autrInfo > span {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .careersPage #crrDtlsSec .crrDtlsLft .jbBx .dtlsInfo .autrInfo > span {
    font-size: 18px;
  }
}
.careersPage #crrDtlsSec .crrDtlsRgt {
  padding-left: 0px;
  margin: -10px 0;
}
@media only screen and (min-width: 800px) {
  .careersPage #crrDtlsSec .crrDtlsRgt {
    padding-left: 0px;
  }
}
@media only screen and (min-width: 992px) {
  .careersPage #crrDtlsSec .crrDtlsRgt {
    width: calc(100% - 400px);
    padding-left: 70px;
    margin: -20px 0;
  }
}
@media only screen and (min-width: 1441px) {
  .careersPage #crrDtlsSec .crrDtlsRgt {
    width: calc(100% - 500px);
    padding-left: 110px;
    margin: -40px 0;
  }
}
.careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter {
  padding: 10px 0;
}
@media only screen and (min-width: 992px) {
  .careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter {
    padding: 20px 0;
  }
}
@media only screen and (min-width: 1441px) {
  .careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter {
    padding: 40px 0;
  }
}
.careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter .secTleWrp {
  margin-bottom: 0px;
}
.careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter .secTleWrp .mTle {
  font-size: 26px;
  font-weight: 500;
  color: #2E2E2E;
  margin-bottom: 10px;
}
@media only screen and (min-width: 576px) {
  .careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter .secTleWrp .mTle {
    font-size: 26px;
  }
}
@media only screen and (min-width: 768px) {
  .careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter .secTleWrp .mTle {
    font-size: 30px;
  }
}
@media only screen and (min-width: 992px) {
  .careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter .secTleWrp .mTle {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1200px) {
  .careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter .secTleWrp .mTle {
    font-size: 40px;
  }
}
@media only screen and (min-width: 1441px) {
  .careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter .secTleWrp .mTle {
    font-size: 48px;
  }
}
.careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter .secTleWrp .subTle {
  color: #4D4B61;
  font-size: 16px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) {
  .careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter .secTleWrp .subTle {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1441px) {
  .careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter .secTleWrp .subTle {
    font-size: 18px;
    margin-bottom: 25px;
  }
}
.careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row {
  margin: 0 -7px;
}
@media only screen and (min-width: 768px) {
  .careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row {
    margin: 0 -15px;
  }
}
.careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row > * {
  padding: 0 7px;
}
@media only screen and (min-width: 768px) {
  .careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row > * {
    padding: 0 15px;
  }
}
.careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row .form-group {
  margin-bottom: 30px;
}
.careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row .form-group .form-control {
  border: 0;
  border-bottom: 1px solid rgb(0, 0, 0);
  border-radius: 0px;
  color: rgb(0, 0, 0);
  background: transparent;
  font-size: 13px;
  font-weight: 400;
  padding: 10px 0px 10px 0px;
}
@media only screen and (min-width: 575px) {
  .careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row .form-group .form-control {
    font-size: 14px;
  }
}
.careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row .form-group .form-control:focus {
  border-color: #40b65b;
}
.careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row .form-group .form-control::placeholder {
  color: rgb(0, 0, 0);
}
.careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row .form-group .form-control textarea.form-control {
  min-height: 130px;
}
.careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row .form-group .form-control input.form-control {
  height: 25px;
}
.careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row .form-group .fileUploadInput {
  position: relative;
  z-index: 1;
  cursor: pointer;
  width: 100%;
  height: 43px;
}
@media only screen and (min-width: 468px) {
  .careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row .form-group .fileUploadInput {
    height: 45px;
  }
}
@media only screen and (min-width: 992px) {
  .careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row .form-group .fileUploadInput {
    height: 50px;
  }
}
.careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row .form-group .fileUploadInput:hover .icon {
  opacity: 0.8;
}
.careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row .form-group .fileUploadInput .form-group {
  height: 100%;
}
.careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row .form-group .fileUploadInput input[type=file] {
  appearance: initial;
  background-color: initial;
  cursor: default;
  align-items: baseline;
  color: inherit;
  text-overflow: ellipsis;
  white-space: pre;
  text-align: start !important;
  padding: initial;
  border: initial;
  overflow: hidden;
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row .form-group .fileUploadInput label {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: rgb(0, 0, 0);
}
.careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row .form-group .fileUploadInput .icon {
  font-size: 10px;
  letter-spacing: 1.2px;
  color: rgb(255, 255, 255);
  font-weight: 400;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  background: #000;
  opacity: 1;
  width: 100px;
  height: 28px;
  transition: all 0.3s;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row .form-group .fileUploadInput .icon {
    font-size: 12px;
    width: 120px;
    height: 29px;
    right: 20px;
  }
}
.careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row .form-group .fileUploadInput .icon svg, .careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row .form-group .fileUploadInput .icon img {
  width: 9px;
  height: 9px;
  margin-right: 7px;
}
.careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row .btn_send {
  background-color: transparent;
  border: 1px solid #40b65b;
  width: 180px;
  height: 40px;
  padding: 15px 35px;
  font-size: 12px;
  font-weight: 500;
  color: #40b65b;
  position: relative;
  border-radius: 35px;
  transition: all 0.3s ease-out;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  z-index: 1;
  margin-top: 15px;
  float: left;
}
@media only screen and (min-width: 468px) {
  .careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row .btn_send {
    font-size: 13px;
    width: 190px;
    height: 44px;
  }
}
@media only screen and (min-width: 992px) {
  .careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row .btn_send {
    font-size: 13px;
    width: 200px;
    height: 44px;
  }
}
@media only screen and (min-width: 1551px) {
  .careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row .btn_send {
    font-size: 13px;
    width: 272px;
    height: 54px;
  }
}
.careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row .btn_send::after {
  content: " ";
  position: absolute;
  height: 100%;
  width: 0;
  background: #40b65b;
  border: 0px solid #40b65b;
  right: 0;
  top: 0;
  border-radius: 35px;
  z-index: -1;
  transition: all 0.3s ease-out;
}
.careersPage #crrDtlsSec .crrDtlsRgt .FrmOuter form .row .btn_send:hover {
  color: rgb(255, 255, 255);
  cursor: pointer;
}
.careersPage .btnWrp {
  margin-top: 30px;
}
@media only screen and (min-width: 468px) {
  .careersPage .btnWrp {
    margin-top: 35px;
  }
}
@media only screen and (min-width: 567px) {
  .careersPage .btnWrp {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .careersPage .btnWrp {
    margin-top: 45px;
  }
}
@media only screen and (min-width: 1200px) {
  .careersPage .btnWrp {
    margin-top: 55px;
  }
}
@media only screen and (min-width: 1441px) {
  .careersPage .btnWrp {
    margin-top: 65px;
  }
}
.careersPage .btnWrp .btnCstm {
  background-color: transparent;
  width: 210px;
  margin-left: auto;
  margin-right: auto;
}

/************** ******* **************/
/************* GALLERY_PAGE *************/
/************** ******* **************/
#GallerySection {
  position: relative;
  padding: 40px 0;
}
@media only screen and (min-width: 576px) {
  #GallerySection {
    padding: 50px 0;
  }
}
@media only screen and (min-width: 768px) {
  #GallerySection {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 992px) {
  #GallerySection {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1200px) {
  #GallerySection {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 1441px) {
  #GallerySection {
    padding: 130px 0 125px;
  }
}
#GallerySection .GallGrid {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -5px;
}
@media only screen and (min-width: 1200px) {
  #GallerySection .GallGrid {
    margin: 0 -5px;
  }
}
@media only screen and (min-width: 1441px) {
  #GallerySection .GallGrid {
    margin: 0 -10px;
  }
}
#GallerySection .GallGrid .item {
  position: relative;
  width: 50%;
  padding: 5px;
}
@media only screen and (min-width: 567px) {
  #GallerySection .GallGrid .item {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  #GallerySection .GallGrid .item {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  #GallerySection .GallGrid .item {
    width: 25%;
  }
}
@media only screen and (min-width: 1200px) {
  #GallerySection .GallGrid .item {
    padding: 5px;
    width: 25%;
  }
}
@media only screen and (min-width: 1441px) {
  #GallerySection .GallGrid .item {
    padding: 10px;
    width: 25%;
  }
}
#GallerySection .GallGrid .item .gllryBx {
  height: 180px;
  position: relative;
  overflow: hidden;
  background: rgb(0, 0, 0);
  display: block;
  border-radius: 10px;
}
@media only screen and (min-width: 576px) {
  #GallerySection .GallGrid .item .gllryBx {
    height: 300px;
  }
}
@media only screen and (min-width: 1551px) {
  #GallerySection .GallGrid .item .gllryBx {
    height: 362px;
  }
}
#GallerySection .GallGrid .item .gllryBx img {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#GallerySection .GallGrid .item .gllryBx:hover img {
  opacity: 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#GallerySection .GallGrid .item .gllryBx.vid img {
  opacity: 0.46;
}
#GallerySection .GallGrid .item .gllryBx.vid .play {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  fill: #40b65b;
}
@media only screen and (min-width: 992px) {
  #GallerySection .GallGrid .item .gllryBx.vid .play {
    width: 64px;
    height: 64px;
  }
}
#GallerySection .GallGrid .item .gllryBx.vid:hover .play svg {
  animation: pulse 1s infinite;
  border-radius: 50%;
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7333333333);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7333333333);
  }
  70% {
    -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
#GallerySection .GallGridItm {
  position: relative;
}
#GallerySection .GallGridItm:nth-child(odd) .GallGrid .item:nth-child(1) {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #GallerySection .GallGridItm:nth-child(odd) .GallGrid .item:nth-child(1) {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  #GallerySection .GallGridItm:nth-child(odd) .GallGrid .item:nth-child(1) {
    width: 40%;
  }
}
@media only screen and (min-width: 1200px) {
  #GallerySection .GallGridItm:nth-child(odd) .GallGrid .item:nth-child(1) {
    width: 40%;
  }
}
@media only screen and (min-width: 1441px) {
  #GallerySection .GallGridItm:nth-child(odd) .GallGrid .item:nth-child(1) {
    width: 40%;
  }
}
#GallerySection .GallGridItm:nth-child(odd) .GallGrid .item:nth-child(2), #GallerySection .GallGridItm:nth-child(odd) .GallGrid .item:nth-child(3) {
  width: 50%;
}
@media only screen and (min-width: 567px) {
  #GallerySection .GallGridItm:nth-child(odd) .GallGrid .item:nth-child(2), #GallerySection .GallGridItm:nth-child(odd) .GallGrid .item:nth-child(3) {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  #GallerySection .GallGridItm:nth-child(odd) .GallGrid .item:nth-child(2), #GallerySection .GallGridItm:nth-child(odd) .GallGrid .item:nth-child(3) {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  #GallerySection .GallGridItm:nth-child(odd) .GallGrid .item:nth-child(2), #GallerySection .GallGridItm:nth-child(odd) .GallGrid .item:nth-child(3) {
    width: 30%;
  }
}
@media only screen and (min-width: 1200px) {
  #GallerySection .GallGridItm:nth-child(odd) .GallGrid .item:nth-child(2), #GallerySection .GallGridItm:nth-child(odd) .GallGrid .item:nth-child(3) {
    width: 30%;
  }
}
@media only screen and (min-width: 1441px) {
  #GallerySection .GallGridItm:nth-child(odd) .GallGrid .item:nth-child(2), #GallerySection .GallGridItm:nth-child(odd) .GallGrid .item:nth-child(3) {
    width: 30%;
  }
}
#GallerySection .GallGridItm:nth-child(even) .GallGrid .item:nth-child(3) {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #GallerySection .GallGridItm:nth-child(even) .GallGrid .item:nth-child(3) {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  #GallerySection .GallGridItm:nth-child(even) .GallGrid .item:nth-child(3) {
    width: 40%;
  }
}
@media only screen and (min-width: 1200px) {
  #GallerySection .GallGridItm:nth-child(even) .GallGrid .item:nth-child(3) {
    width: 40%;
  }
}
@media only screen and (min-width: 1441px) {
  #GallerySection .GallGridItm:nth-child(even) .GallGrid .item:nth-child(3) {
    width: 40%;
  }
}
#GallerySection .GallGridItm:nth-child(even) .GallGrid .item:nth-child(1), #GallerySection .GallGridItm:nth-child(even) .GallGrid .item:nth-child(2) {
  width: 50%;
}
@media only screen and (min-width: 567px) {
  #GallerySection .GallGridItm:nth-child(even) .GallGrid .item:nth-child(1), #GallerySection .GallGridItm:nth-child(even) .GallGrid .item:nth-child(2) {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  #GallerySection .GallGridItm:nth-child(even) .GallGrid .item:nth-child(1), #GallerySection .GallGridItm:nth-child(even) .GallGrid .item:nth-child(2) {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  #GallerySection .GallGridItm:nth-child(even) .GallGrid .item:nth-child(1), #GallerySection .GallGridItm:nth-child(even) .GallGrid .item:nth-child(2) {
    width: 30%;
  }
}
@media only screen and (min-width: 1200px) {
  #GallerySection .GallGridItm:nth-child(even) .GallGrid .item:nth-child(1), #GallerySection .GallGridItm:nth-child(even) .GallGrid .item:nth-child(2) {
    width: 30%;
  }
}
@media only screen and (min-width: 1441px) {
  #GallerySection .GallGridItm:nth-child(even) .GallGrid .item:nth-child(1), #GallerySection .GallGridItm:nth-child(even) .GallGrid .item:nth-child(2) {
    width: 30%;
  }
}

/************** ******* **************/
/************* PROJECTS_PAGE *************/
/************** ******* **************/
.blogsPage {
  background: #F3F6FB;
}
.blogsPage #inrBlogSec {
  position: relative;
  padding: 40px 0;
}
@media only screen and (min-width: 576px) {
  .blogsPage #inrBlogSec {
    padding: 50px 0;
  }
}
@media only screen and (min-width: 768px) {
  .blogsPage #inrBlogSec {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 992px) {
  .blogsPage #inrBlogSec {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1200px) {
  .blogsPage #inrBlogSec {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 1441px) {
  .blogsPage #inrBlogSec {
    padding: 145px 0 115px;
  }
}
.blogsPage #inrBlogSec .blogSlide {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
}
@media only screen and (min-width: 468px) {
  .blogsPage #inrBlogSec .blogSlide {
    margin: -12px -5px;
  }
}
@media only screen and (min-width: 567px) {
  .blogsPage #inrBlogSec .blogSlide {
    margin: -12px -7.5px;
  }
}
@media only screen and (min-width: 992px) {
  .blogsPage #inrBlogSec .blogSlide {
    margin: -37.5px -15px;
  }
}
.blogsPage #inrBlogSec .blogSlide .item {
  height: 100%;
  width: 100%;
  padding: 8px;
}
@media only screen and (min-width: 468px) {
  .blogsPage #inrBlogSec .blogSlide .item {
    width: 50%;
    padding: 12px 5px;
  }
}
@media only screen and (min-width: 567px) {
  .blogsPage #inrBlogSec .blogSlide .item {
    width: 50%;
    padding: 12px 7px;
  }
}
@media only screen and (min-width: 768px) {
  .blogsPage #inrBlogSec .blogSlide .item {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  .blogsPage #inrBlogSec .blogSlide .item {
    width: 33.3333333333%;
    padding: 43px 15px;
  }
}
@media only screen and (min-width: 1200px) {
  .blogsPage #inrBlogSec .blogSlide .item {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 1441px) {
  .blogsPage #inrBlogSec .blogSlide .item {
    width: 33.3333333333%;
  }
}
.blogsPage #inrBlogSec .blogSlide .item .blogBx {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background-color: transparent;
}
.blogsPage #inrBlogSec .blogSlide .item .blogBx:hover .bxImg img {
  opacity: 0.3;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.blogsPage #inrBlogSec .blogSlide .item .blogBx:hover .bxImg .cntDtls {
  top: 50%;
  left: 50%;
  opacity: 1;
}
.blogsPage #inrBlogSec .blogSlide .item .blogBx:hover .hoveranim {
  color: rgb(255, 255, 255);
}
.blogsPage #inrBlogSec .blogSlide .item .blogBx:hover .hoveranim::before {
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.blogsPage #inrBlogSec .blogSlide .item .blogBx:hover .bxBtn .btnCstm {
  color: rgb(255, 255, 255);
}
.blogsPage #inrBlogSec .blogSlide .item .blogBx .bxImg {
  width: 100%;
  height: 200px;
  background-color: rgb(0, 0, 0);
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .blogsPage #inrBlogSec .blogSlide .item .blogBx .bxImg {
    height: 250px;
  }
}
@media only screen and (min-width: 1200px) {
  .blogsPage #inrBlogSec .blogSlide .item .blogBx .bxImg {
    height: 300px;
  }
}
@media only screen and (min-width: 1441px) {
  .blogsPage #inrBlogSec .blogSlide .item .blogBx .bxImg {
    height: 320px;
  }
}
.blogsPage #inrBlogSec .blogSlide .item .blogBx .bxImg img {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  opacity: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blogsPage #inrBlogSec .blogSlide .item .blogBx .bxImg > .cntDtls {
  position: absolute;
  text-align: left;
  padding: 15px;
  width: 100%;
  max-height: 100%;
  overflow-y: auto;
  top: 80%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.blogsPage #inrBlogSec .blogSlide .item .blogBx .bxImg > .cntDtls p {
  color: rgb(255, 255, 255);
  font-size: 0.9em;
  margin-bottom: 10px;
}
.blogsPage #inrBlogSec .blogSlide .item .blogBx .bxImg > .cntDtls ul li {
  list-style: circle;
  margin-left: 15px;
  color: rgb(255, 255, 255);
  font-size: 0.8em;
  margin-bottom: 8px;
}
.blogsPage #inrBlogSec .blogSlide .item .blogBx .bxCnt {
  margin-top: 15px;
}
@media only screen and (min-width: 992px) {
  .blogsPage #inrBlogSec .blogSlide .item .blogBx .bxCnt {
    margin-top: 20px;
  }
}
.blogsPage #inrBlogSec .blogSlide .item .blogBx .bxCnt .dateSec {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .blogsPage #inrBlogSec .blogSlide .item .blogBx .bxCnt .dateSec {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 992px) {
  .blogsPage #inrBlogSec .blogSlide .item .blogBx .bxCnt .dateSec {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1200px) {
  .blogsPage #inrBlogSec .blogSlide .item .blogBx .bxCnt .dateSec {
    margin-bottom: 20px;
  }
}
.blogsPage #inrBlogSec .blogSlide .item .blogBx .bxCnt .dateSec .date {
  color: #828091;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .blogsPage #inrBlogSec .blogSlide .item .blogBx .bxCnt .dateSec .date {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
  .blogsPage #inrBlogSec .blogSlide .item .blogBx .bxCnt .dateSec .date {
    font-size: 15px;
  }
}
.blogsPage #inrBlogSec .blogSlide .item .blogBx .bxCnt .dateSec .date::after {
  content: "";
  display: inline-block;
  height: 12px;
  width: 1px;
  background: #828091;
  margin: 0 10px;
}
@media only screen and (min-width: 320px) {
  .blogsPage #inrBlogSec .blogSlide .item .blogBx .bxCnt .dateSec .date::after {
    margin: 0 15px;
  }
}
@media only screen and (min-width: 768px) {
  .blogsPage #inrBlogSec .blogSlide .item .blogBx .bxCnt .dateSec .date::after {
    margin: 0 23px 0 17px;
  }
}
.blogsPage #inrBlogSec .blogSlide .item .blogBx .bxCnt .dateSec .post {
  color: #828091;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .blogsPage #inrBlogSec .blogSlide .item .blogBx .bxCnt .dateSec .post {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
  .blogsPage #inrBlogSec .blogSlide .item .blogBx .bxCnt .dateSec .post {
    font-size: 15px;
  }
}
.blogsPage #inrBlogSec .blogSlide .item .blogBx .bxCnt .mTle {
  color: #2e2e2e;
  text-align: left;
  font-weight: 600;
  line-height: 1.2;
  font-size: 15px;
  margin-bottom: 10px;
  white-space: unset;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
}
@media only screen and (min-width: 768px) {
  .blogsPage #inrBlogSec .blogSlide .item .blogBx .bxCnt .mTle {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 992px) {
  .blogsPage #inrBlogSec .blogSlide .item .blogBx .bxCnt .mTle {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1200px) {
  .blogsPage #inrBlogSec .blogSlide .item .blogBx .bxCnt .mTle {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
  }
}
.blogsPage #inrBlogSec .blogSlide .item .blogBx .bxCnt p {
  color: #828091;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
  margin-bottom: 0;
  white-space: unset;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
}
@media only screen and (min-width: 768px) {
  .blogsPage #inrBlogSec .blogSlide .item .blogBx .bxCnt p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
  .blogsPage #inrBlogSec .blogSlide .item .blogBx .bxCnt p {
    font-size: 15px;
  }
}
.blogsPage #inrBlogSec .blogSlide .item .blogBx .bxBtn {
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  .blogsPage #inrBlogSec .blogSlide .item .blogBx .bxBtn {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 992px) {
  .blogsPage #inrBlogSec .blogSlide .item .blogBx .bxBtn {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  .blogsPage #inrBlogSec .blogSlide .item .blogBx .bxBtn {
    margin-top: 25px;
  }
}
@media only screen and (min-width: 1441px) {
  .blogsPage #inrBlogSec .blogSlide .item .blogBx .bxBtn {
    margin-top: 30px;
  }
}
.blogsPage #inrBlogSec .blogSlide .item .blogBx .bxBtn .btnCstm {
  width: 110px;
  height: 35px;
  font-size: 10px;
  letter-spacing: 1.1px;
  background-color: transparent;
  border-color: #40b65b;
  color: #40b65b;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
@media only screen and (min-width: 992px) {
  .blogsPage #inrBlogSec .blogSlide .item .blogBx .bxBtn .btnCstm {
    font-size: 11px;
    width: 165px;
    height: 54px;
  }
}
.blogsPage #inrBlogSec .blogSlide .item .blogBx .bxBtn .btnCstm:hover {
  color: rgb(255, 255, 255);
}
.blogsPage #blogDtlSection {
  position: relative;
  padding: 40px 0;
}
@media only screen and (min-width: 576px) {
  .blogsPage #blogDtlSection {
    padding: 50px 0;
  }
}
@media only screen and (min-width: 768px) {
  .blogsPage #blogDtlSection {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 992px) {
  .blogsPage #blogDtlSection {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1200px) {
  .blogsPage #blogDtlSection {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 1441px) {
  .blogsPage #blogDtlSection {
    padding: 145px 0 100px;
  }
}
.blogsPage #blogDtlSection .blogDetails {
  position: relative;
  background: rgb(255, 255, 255);
  border-radius: 10px;
  padding: 15px;
  margin: auto;
}
@media only screen and (min-width: 567px) {
  .blogsPage #blogDtlSection .blogDetails {
    padding: 25px;
  }
}
@media only screen and (min-width: 992px) {
  .blogsPage #blogDtlSection .blogDetails {
    padding: 35px;
  }
}
@media only screen and (min-width: 1200px) {
  .blogsPage #blogDtlSection .blogDetails {
    padding: 45px;
    max-width: 1335px;
  }
}
@media only screen and (min-width: 1441px) {
  .blogsPage #blogDtlSection .blogDetails {
    padding: 50px 65px 60px;
  }
}
.blogsPage #blogDtlSection .blogDetails .blogDtl-ImgBx {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  margin: 0px auto 15px;
}
@media only screen and (min-width: 1200px) {
  .blogsPage #blogDtlSection .blogDetails .blogDtl-ImgBx {
    margin: 0px auto 20px;
  }
}
@media only screen and (min-width: 1441px) {
  .blogsPage #blogDtlSection .blogDetails .blogDtl-ImgBx {
    margin: 0px auto 30px;
  }
}
.blogsPage #blogDtlSection .blogDetails .blogDtl-ImgBx img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.blogsPage #blogDtlSection .blogDetails .blogDtl-ImgBx:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.blogsPage #blogDtlSection .blogDetails .dateSec {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .blogsPage #blogDtlSection .blogDetails .dateSec {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 992px) {
  .blogsPage #blogDtlSection .blogDetails .dateSec {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1200px) {
  .blogsPage #blogDtlSection .blogDetails .dateSec {
    margin-bottom: 15px;
  }
}
.blogsPage #blogDtlSection .blogDetails .dateSec .date {
  color: #828091;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .blogsPage #blogDtlSection .blogDetails .dateSec .date {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
  .blogsPage #blogDtlSection .blogDetails .dateSec .date {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1200px) {
  .blogsPage #blogDtlSection .blogDetails .dateSec .date {
    font-size: 16px;
  }
}
.blogsPage #blogDtlSection .blogDetails .dateSec .date::after {
  content: "";
  display: inline-block;
  height: 12px;
  width: 1px;
  background: #828091;
  margin: 0 10px;
}
@media only screen and (min-width: 320px) {
  .blogsPage #blogDtlSection .blogDetails .dateSec .date::after {
    margin: 0 15px;
  }
}
@media only screen and (min-width: 768px) {
  .blogsPage #blogDtlSection .blogDetails .dateSec .date::after {
    margin: 0 23px 0 17px;
  }
}
.blogsPage #blogDtlSection .blogDetails .dateSec .post {
  color: #828091;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .blogsPage #blogDtlSection .blogDetails .dateSec .post {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
  .blogsPage #blogDtlSection .blogDetails .dateSec .post {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1200px) {
  .blogsPage #blogDtlSection .blogDetails .dateSec .post {
    font-size: 16px;
  }
}
.blogsPage #blogDtlSection .blogDetails .blogDtl-Ttl {
  font-size: 20px;
  font-weight: 600;
  color: #2E2E2E;
  line-height: 30px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 567px) {
  .blogsPage #blogDtlSection .blogDetails .blogDtl-Ttl {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .blogsPage #blogDtlSection .blogDetails .blogDtl-Ttl {
    font-size: 24px;
  }
}
@media only screen and (min-width: 992px) {
  .blogsPage #blogDtlSection .blogDetails .blogDtl-Ttl {
    font-size: 26px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1200px) {
  .blogsPage #blogDtlSection .blogDetails .blogDtl-Ttl {
    font-size: 28px;
  }
}
@media only screen and (min-width: 1441px) {
  .blogsPage #blogDtlSection .blogDetails .blogDtl-Ttl {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
.blogsPage #blogDtlSection .blogDetails p {
  color: #414141;
}
@media only screen and (max-width: 767px) {
  .blogsPage #blogDtlSection .blogDetails p {
    font-size: 13px;
  }
}
.blogsPage #blogDtlSection .blogDetails p:last-child {
  margin-bottom: 0px;
}
.blogsPage #blogSlideSec {
  padding: 0 0 40px;
}
@media only screen and (min-width: 768px) {
  .blogsPage #blogSlideSec {
    padding: 0 0 60px;
  }
}
@media only screen and (min-width: 992px) {
  .blogsPage #blogSlideSec {
    padding: 0 0 80px;
  }
}
@media only screen and (min-width: 1200px) {
  .blogsPage #blogSlideSec {
    padding: 0px 0 90px;
  }
}
@media only screen and (min-width: 992px) {
  .blogsPage #blogSlideSec .secTleWrp {
    margin-bottom: 30px;
  }
}
.blogsPage #blogSlideSec .blogSlide .owl-stage-outer {
  overflow: visible;
}
.blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item {
  opacity: 0;
}
.blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item.active {
  opacity: 1;
}
.blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item {
  height: 100%;
  width: 100%;
}
.blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background-color: transparent;
}
.blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx:hover .bxImg img {
  opacity: 0.3;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx:hover .bxImg .cntDtls {
  top: 50%;
  left: 50%;
  opacity: 1;
}
.blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx:hover .hoveranim {
  color: rgb(255, 255, 255);
}
.blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx:hover .hoveranim::before {
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx:hover .bxBtn .btnCstm {
  color: rgb(255, 255, 255);
}
.blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxImg {
  width: 100%;
  height: 200px;
  background-color: rgb(0, 0, 0);
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxImg {
    height: 250px;
  }
}
@media only screen and (min-width: 1200px) {
  .blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxImg {
    height: 300px;
  }
}
@media only screen and (min-width: 1441px) {
  .blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxImg {
    height: 320px;
  }
}
.blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxImg img {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  opacity: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxImg > .cntDtls {
  position: absolute;
  text-align: left;
  padding: 15px;
  width: 100%;
  max-height: 100%;
  overflow-y: auto;
  top: 80%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxImg > .cntDtls p {
  color: rgb(255, 255, 255);
  font-size: 0.9em;
  margin-bottom: 10px;
}
.blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxImg > .cntDtls ul li {
  list-style: circle;
  margin-left: 15px;
  color: rgb(255, 255, 255);
  font-size: 0.8em;
  margin-bottom: 8px;
}
.blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxCnt {
  margin-top: 15px;
}
@media only screen and (min-width: 992px) {
  .blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxCnt {
    margin-top: 20px;
  }
}
.blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxCnt .dateSec {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxCnt .dateSec {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 992px) {
  .blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxCnt .dateSec {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1200px) {
  .blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxCnt .dateSec {
    margin-bottom: 20px;
  }
}
.blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxCnt .dateSec .date {
  color: #828091;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxCnt .dateSec .date {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
  .blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxCnt .dateSec .date {
    font-size: 15px;
  }
}
.blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxCnt .dateSec .date::after {
  content: "";
  display: inline-block;
  height: 12px;
  width: 1px;
  background: #828091;
  margin: 0 10px;
}
@media only screen and (min-width: 320px) {
  .blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxCnt .dateSec .date::after {
    margin: 0 15px;
  }
}
@media only screen and (min-width: 768px) {
  .blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxCnt .dateSec .date::after {
    margin: 0 23px 0 17px;
  }
}
.blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxCnt .dateSec .post {
  color: #828091;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxCnt .dateSec .post {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
  .blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxCnt .dateSec .post {
    font-size: 15px;
  }
}
.blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxCnt .mTle {
  color: #2e2e2e;
  text-align: left;
  font-weight: 600;
  line-height: 1.2;
  font-size: 15px;
  margin-bottom: 10px;
  white-space: unset;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
}
@media only screen and (min-width: 768px) {
  .blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxCnt .mTle {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 992px) {
  .blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxCnt .mTle {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1200px) {
  .blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxCnt .mTle {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
  }
}
.blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxCnt p {
  color: #828091;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
  margin-bottom: 0;
  white-space: unset;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
}
@media only screen and (min-width: 768px) {
  .blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxCnt p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
  .blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxCnt p {
    font-size: 15px;
  }
}
.blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxBtn {
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  .blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxBtn {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 992px) {
  .blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxBtn {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  .blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxBtn {
    margin-top: 25px;
  }
}
@media only screen and (min-width: 1441px) {
  .blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxBtn {
    margin-top: 30px;
  }
}
.blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxBtn .btnCstm {
  width: 110px;
  height: 35px;
  font-size: 10px;
  letter-spacing: 1.1px;
  background-color: transparent;
  border-color: #40b65b;
  color: #40b65b;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
@media only screen and (min-width: 992px) {
  .blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxBtn .btnCstm {
    font-size: 11px;
    width: 165px;
    height: 54px;
  }
}
.blogsPage #blogSlideSec .blogSlide .owl-stage-outer .owl-item .item .blogBx .bxBtn .btnCstm:hover {
  color: rgb(255, 255, 255);
}

/******************ERROR_PAGE**********************/
.errorPage {
  background: #f8f8f8;
  margin-top: 105px;
}
@media only screen and (min-width: 468px) {
  .errorPage {
    margin-top: 132px;
  }
}
@media only screen and (min-width: 1200px) {
  .errorPage {
    margin-top: 135px;
  }
}
.errorPage section {
  position: relative;
}
.errorPage section .FloatIcons #Triangle {
  left: 15px;
  bottom: 55px;
}
.errorPage section .FloatIcons #Triangle2 {
  bottom: 115px;
  right: 35px;
}
.errorPage section .FloatIcons #Round {
  left: 108px;
  top: 40px;
}
.errorPage section .FloatIcons #Round2 {
  right: 120px;
  bottom: 55px;
}
.errorPage .row {
  margin: 0;
}
.errorPage .page_cntnt {
  padding: 40px 0 70px;
  text-align: center;
  margin: auto;
}
@media only screen and (min-width: 468px) {
  .errorPage .page_cntnt {
    padding: 80px 0 120px;
  }
}
.errorPage .head_one {
  font-size: 69px;
  font-weight: 700;
  color: #40b65b;
  letter-spacing: 1px;
}
@media only screen and (min-width: 468px) {
  .errorPage .head_one {
    font-size: 95px;
  }
}
.errorPage .head_two {
  font-size: 14px;
  font-weight: 600;
  color: #696868;
  margin-bottom: 30px;
  letter-spacing: 1px;
}
@media only screen and (min-width: 468px) {
  .errorPage .head_two {
    font-size: 20px;
    margin-bottom: 40px;
  }
}
.errorPage .head_three {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 1px;
  font-weight: 600;
  color: #696868;
  margin-bottom: 15px;
}
@media only screen and (min-width: 468px) {
  .errorPage .head_three {
    font-size: 25px;
  }
}
.errorPage p {
  color: #696868;
  margin: 0px;
}
.errorPage .btn {
  margin: auto;
  margin-top: 15px;
}
@media only screen and (min-width: 468px) {
  .errorPage .btn {
    margin: auto;
    margin-top: 25px;
  }
}
@media only screen and (min-width: 1551px) {
  .errorPage .btn {
    margin: auto;
    margin-top: 40px;
  }
}

/************ ****** ************/
/************ FOOTER ************/
/************ ****** ************/
footer#FootMain {
  width: 100%;
  background-color: rgb(0, 0, 0);
}
footer#FootMain .footTpSec {
  padding: 40px 0 20px 0;
}
@media only screen and (min-width: 576px) {
  footer#FootMain .footTpSec {
    padding: 60px 0 20px 0;
  }
}
@media only screen and (min-width: 992px) {
  footer#FootMain .footTpSec {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1200px) {
  footer#FootMain .footTpSec {
    padding: 100px 0;
  }
}
footer#FootMain .footTpSec .ftTle {
  font-size: 16px;
  line-height: 1.3;
  color: rgb(255, 255, 255);
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  footer#FootMain .footTpSec .ftTle {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) {
  footer#FootMain .footTpSec .ftTle {
    font-size: 18px;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1200px) {
  footer#FootMain .footTpSec .ftTle {
    font-size: 20px;
  }
}
footer#FootMain .footTpSec .footAccordion {
  width: 100%;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
footer#FootMain .footTpSec .footAccordion .accordion-button::after {
  background-image: none;
  content: "+";
  font-size: 20px;
  text-align: right;
  line-height: 20px;
  display: block;
}
@media only screen and (min-width: 768px) {
  footer#FootMain .footTpSec .footAccordion .accordion-button::after {
    display: none;
  }
}
footer#FootMain .footTpSec .footAccordion .accordion-button:not(.collapsed) {
  color: #000;
  box-shadow: none;
}
footer#FootMain .footTpSec .footAccordion .accordion-button:not(.collapsed)::after {
  background-image: none;
  content: "-";
  transform: none;
}
footer#FootMain .footTpSec .footAccordion .accordion-item {
  background-color: transparent;
  border: 0;
}
footer#FootMain .footTpSec .footAccordion .accordion-item .accordion-header .accordion-button {
  padding: 0;
  background-color: transparent;
  border-bottom: 0;
}
footer#FootMain .footTpSec .footAccordion .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: none;
}
footer#FootMain .footTpSec .footAccordion .accordion-item .accordion-collapse .accordion-body {
  padding: 0;
}
footer#FootMain .footTpSec .footAccordion .Col {
  flex: 0 0 auto;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
}
footer#FootMain .footTpSec .footAccordion .Col:nth-child(1) {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  footer#FootMain .footTpSec .footAccordion .Col {
    width: 50%;
    margin-bottom: 20px;
  }
  footer#FootMain .footTpSec .footAccordion .Col:nth-child(1) {
    align-items: flex-start;
  }
}
@media only screen and (min-width: 992px) {
  footer#FootMain .footTpSec .footAccordion .Col {
    width: 25%;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1200px) {
  footer#FootMain .footTpSec .footAccordion .Col:nth-child(1) {
    width: 32%;
  }
  footer#FootMain .footTpSec .footAccordion .Col:nth-child(2) {
    width: 18%;
  }
  footer#FootMain .footTpSec .footAccordion .Col:nth-child(3) {
    width: 22%;
  }
  footer#FootMain .footTpSec .footAccordion .Col:nth-child(4) {
    width: 28%;
  }
}
footer#FootMain .footTpSec .footAccordion .Col .ftNavUl {
  max-width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  footer#FootMain .footTpSec .footAccordion .Col .ftNavUl {
    max-width: 220px;
  }
}
footer#FootMain .footTpSec .footAccordion .Col .ftNavUl li {
  width: 100%;
  margin-bottom: 5px;
}
@media only screen and (min-width: 576px) {
  footer#FootMain .footTpSec .footAccordion .Col .ftNavUl li {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) {
  footer#FootMain .footTpSec .footAccordion .Col .ftNavUl li {
    margin-bottom: 18px;
  }
}
footer#FootMain .footTpSec .footAccordion .Col .ftNavUl li .smTle {
  color: #fff;
  font-size: 13px;
  line-height: 1.3;
  margin-bottom: 0;
}
footer#FootMain .footTpSec .footAccordion .Col .ftNavUl li a {
  font-size: 14px;
  line-height: 1.4;
  color: rgb(255, 255, 255);
}
@media only screen and (min-width: 1200px) {
  footer#FootMain .footTpSec .footAccordion .Col .ftNavUl li a {
    font-size: 16px;
  }
}
footer#FootMain .footTpSec .footAccordion .Col .ftNavUl li a:hover {
  text-decoration: underline;
  color: #000;
}
footer#FootMain .footTpSec .footAccordion .Col .ftNavUl li a:hover[href="javascript:void(0)"] {
  text-decoration: none;
  color: rgb(255, 255, 255);
}
footer#FootMain .footTpSec .footAccordion .Col .FtLogo {
  width: 150px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 468px) {
  footer#FootMain .footTpSec .footAccordion .Col .FtLogo {
    width: 180px;
  }
}
@media only screen and (min-width: 576px) {
  footer#FootMain .footTpSec .footAccordion .Col .FtLogo {
    width: 220px;
  }
}
@media only screen and (min-width: 1200px) {
  footer#FootMain .footTpSec .footAccordion .Col .FtLogo {
    width: 230px;
  }
}
footer#FootMain .footTpSec .footAccordion .Col .FtLogo img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(294deg) brightness(110%) contrast(100%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
footer#FootMain .footTpSec .footAccordion .Col .FtMTle {
  font-weight: 600;
  color: rgb(255, 255, 255);
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  footer#FootMain .footTpSec .footAccordion .Col .FtMTle {
    text-align: left;
  }
}
@media only screen and (min-width: 992px) {
  footer#FootMain .footTpSec .footAccordion .Col .FtMTle {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 1200px) {
  footer#FootMain .footTpSec .footAccordion .Col .FtMTle {
    font-size: 26px;
  }
}
footer#FootMain .footTpSec .footAccordion .Col .btnCstm {
  max-width: 340px;
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
}
footer#FootMain .footTpSec .footAccordion .Col .ftSocialUl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
footer#FootMain .footTpSec .footAccordion .Col .ftSocialUl li {
  width: 50%;
}
footer#FootMain .footTpSec .footAccordion .Col .ftSocialUl li a {
  font-size: 14px;
  line-height: 1.2;
  color: rgb(255, 255, 255);
  margin-bottom: 30px;
  display: block;
}
@media only screen and (min-width: 1200px) {
  footer#FootMain .footTpSec .footAccordion .Col .ftSocialUl li a {
    font-size: 16px;
  }
}
footer#FootMain .footTpSec .footAccordion .Col .ftSocialUl li a:hover svg {
  fill: #40b65b;
}
footer#FootMain .footTpSec .footAccordion .Col .ftSocialUl li a svg {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  fill: rgb(255, 255, 255);
  transition: all 0.3s;
}
@media only screen and (min-width: 1200px) {
  footer#FootMain .footTpSec .footAccordion .Col .ftSocialUl li a svg {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 1441px) {
  footer#FootMain .footTpSec .footAccordion .Col .ftSocialUl li a svg {
    margin-right: 30px;
  }
}
footer#FootMain .footTpSec .footAccordion .Col .waBtn {
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: 1px;
  color: rgb(255, 255, 255);
  margin-bottom: 10px;
  display: block;
  padding-top: 20px;
  text-transform: uppercase;
  border-top: 1px solid rgba(79, 255, 167, 0.7333333333) B;
}
@media only screen and (min-width: 768px) {
  footer#FootMain .footTpSec .footAccordion .Col .waBtn {
    padding-top: 28px;
    margin-bottom: 30px;
  }
}
footer#FootMain .footTpSec .footAccordion .Col .waBtn:hover svg {
  fill: #40b65b;
}
footer#FootMain .footTpSec .footAccordion .Col .waBtn svg {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  fill: rgb(255, 255, 255);
  transition: all 0.3s;
}
@media only screen and (min-width: 1200px) {
  footer#FootMain .footTpSec .footAccordion .Col .waBtn svg {
    margin-right: 30px;
  }
}
footer#FootMain .footBtmSec {
  font-size: 12px;
  color: rgb(255, 255, 255);
  text-align: center;
  line-height: 1.2;
  font-weight: 400;
  padding-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  footer#FootMain .footBtmSec {
    font-size: 14px;
    text-align: left;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) {
  footer#FootMain .footBtmSec {
    font-size: 16px;
    padding-bottom: 38px;
  }
}
footer#FootMain .footBtmSec .container {
  justify-content: space-between;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
footer#FootMain .footBtmSec .lSide {
  width: 100%;
  margin-bottom: 6px;
}
@media only screen and (min-width: 768px) {
  footer#FootMain .footBtmSec .lSide {
    margin-bottom: 0px;
    width: 70%;
  }
}
@media only screen and (min-width: 1551px) {
  footer#FootMain .footBtmSec .lSide {
    width: 50%;
  }
}
footer#FootMain .footBtmSec .RSide {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  footer#FootMain .footBtmSec .RSide {
    text-align: right;
    width: 30%;
  }
}
@media only screen and (min-width: 1551px) {
  footer#FootMain .footBtmSec .RSide {
    width: 50%;
  }
}
footer#FootMain .footBtmSec .RSide .Designed a {
  font-size: 12px;
  color: rgb(255, 255, 255);
  text-align: right;
  line-height: 1.2;
  font-weight: 400;
}
@media only screen and (min-width: 768px) {
  footer#FootMain .footBtmSec .RSide .Designed a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
  footer#FootMain .footBtmSec .RSide .Designed a {
    font-size: 16px;
  }
}

/******* SCROLL UP *******/
.scrollup {
  width: 20px;
  position: fixed;
  right: 10px;
  bottom: 30px;
  display: block;
  z-index: 3;
  color: #000;
  text-transform: capitalize;
  text-align: center;
  font-size: 10px;
  display: none;
}
@media only screen and (min-width: 468px) {
  .scrollup {
    font-size: 12px;
    bottom: 45px;
  }
}
@media only screen and (min-width: 992px) {
  .scrollup {
    width: 25px;
    right: 20px;
    font-size: 16px;
  }
}
.scrollup svg {
  fill: rgb(0, 0, 0);
  margin-bottom: 10px;
  width: 20px;
  height: 28px;
}
@media only screen and (min-width: 468px) {
  .scrollup svg {
    margin-bottom: 14px;
    width: 20px;
    height: 36px;
  }
}
.scrollup span {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
.scrollup:hover {
  color: #40b65b;
}

/*******FIXED*******/
.fixedRit {
  position: fixed;
  top: 70%;
  transform: translate(0, -50%);
  z-index: 3;
  border-radius: 8px 0 0 8px;
  overflow: hidden;
  right: 0;
}
@media only screen and (min-width: 992px) {
  .fixedRit {
    top: 50%;
  }
}
.fixedRit ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  padding: 5px;
  width: 42px;
  height: 42px;
  transition: ease-in-out all 0.3s;
  border: none;
  background-color: rgb(255, 255, 255);
}
@media only screen and (min-width: 992px) {
  .fixedRit ul li a {
    width: 70px;
    height: 90px;
  }
}
.fixedRit ul li a:hover .bxIcn {
  transform: translateX(4px);
}
.fixedRit ul li a .bxIcn {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #40b65b;
  transition: ease-in-out all 0.3s;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .fixedRit ul li a .bxIcn {
    width: 40px;
    height: 40px;
  }
}
.fixedRit ul li a .bxIcn svg {
  display: block;
  margin: 0 auto;
  width: 14px;
  height: 14px;
}
@media only screen and (min-width: 992px) {
  .fixedRit ul li a .bxIcn svg {
    width: 16px;
    height: 16px;
  }
}
.fixedRit ul li a .bx-title {
  font-size: 10px;
  line-height: 1;
  font-weight: 400;
  color: #434250;
  opacity: 1;
  margin-top: 7px;
  transition: ease-in-out all 0.3s;
  display: none;
}
@media only screen and (min-width: 992px) {
  .fixedRit ul li a .bx-title {
    display: block;
  }
}
.fixedRit ul li a:hover .bx-title {
  color: #40b65b;
}
.fixedRit ul li a.call .bxIcn {
  background-color: #40b65b;
}
.fixedRit ul li a.whatsapp .bxIcn {
  background-color: transparent;
}
.fixedRit ul li a.whatsapp .bxIcn svg {
  width: 85%;
  height: 85%;
}
.fixedRit ul li a.mail .bxIcn {
  background-color: #000;
}

@media only screen and (min-width: 992px) {
  #bkTdyModal .modal-dialog {
    max-width: 992px;
  }
}
#bkTdyModal .modal-content {
  background-color: #F8F9FB;
  border-radius: 0;
  padding: 0;
  overflow: hidden;
}
#bkTdyModal .modal-header {
  padding: 20px;
  border: 0;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 576px) {
  #bkTdyModal .modal-header {
    padding: 30px;
  }
}
#bkTdyModal .modal-header .btn-close {
  width: 20px;
  height: 20px;
  opacity: 1;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#bkTdyModal .modal-header .btn-close:focus {
  box-shadow: none;
}
#bkTdyModal .modal-header .btn-close:hover {
  filter: brightness(0) saturate(100%) invert(20%) sepia(98%) saturate(2793%) hue-rotate(345deg) brightness(91%) contrast(100%);
}
#bkTdyModal .modal-body {
  padding: 0 20px 20px;
}
@media only screen and (min-width: 576px) {
  #bkTdyModal .modal-body {
    padding: 0 30px 30px;
  }
}
#bkTdyModal .modal-body .FormSec {
  display: flex;
  flex-wrap: wrap;
}
#bkTdyModal .modal-body .FormSec .FrmSecLft {
  width: 100%;
  height: auto;
  position: absolute;
  top: -80px;
  left: 0;
  bottom: 0;
  opacity: 0.1;
  z-index: 0;
}
@media only screen and (min-width: 992px) {
  #bkTdyModal .modal-body .FormSec .FrmSecLft {
    width: 320px;
    opacity: 1;
    position: inherit;
  }
}
#bkTdyModal .modal-body .FormSec .FrmSecLft .FrmImgBx {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#bkTdyModal .modal-body .FormSec .FrmSecLft .FrmImgBx::before {
  content: "";
  position: absolute;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.55), transparent);
  background: rgb(0, 0, 0);
  background: -moz-linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  opacity: 0.44;
  width: 100%;
  height: 100%;
  right: 0;
  left: 0;
  bottom: 0px;
  z-index: 1;
  display: none;
}
@media only screen and (min-width: 992px) {
  #bkTdyModal .modal-body .FormSec .FrmSecLft .FrmImgBx::before {
    display: block;
  }
}
#bkTdyModal .modal-body .FormSec .FrmSecLft .FrmImgBx img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 1.5s ease-in-out;
  transition: 1.5s ease-in-out;
}
@media only screen and (min-width: 992px) {
  #bkTdyModal .modal-body .FormSec .FrmSecLft .FrmImgBx:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
#bkTdyModal .modal-body .FormSec .FrmSecLft .FrmImgBx .txt {
  position: absolute;
  bottom: 0;
  letter-spacing: 3px;
  text-transform: uppercase;
  width: 100%;
  display: none;
  z-index: 2;
}
@media only screen and (min-width: 576px) {
  #bkTdyModal .modal-body .FormSec .FrmSecLft .FrmImgBx .txt {
    padding: 10px 20px 20px;
  }
}
@media only screen and (min-width: 992px) {
  #bkTdyModal .modal-body .FormSec .FrmSecLft .FrmImgBx .txt {
    padding: 10px 20px 20px;
    display: block;
  }
}
@media only screen and (min-width: 1200px) {
  #bkTdyModal .modal-body .FormSec .FrmSecLft .FrmImgBx .txt {
    padding: 15px 20px 26px;
  }
}
#bkTdyModal .modal-body .FormSec .FrmSecLft .FrmImgBx .txt .txtTtl {
  font-size: 26px;
  font-weight: 700;
  color: rgb(255, 255, 255);
  line-height: 1.2;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  #bkTdyModal .modal-body .FormSec .FrmSecLft .FrmImgBx .txt .txtTtl {
    font-size: 28px;
  }
}
@media only screen and (min-width: 992px) {
  #bkTdyModal .modal-body .FormSec .FrmSecLft .FrmImgBx .txt .txtTtl {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  #bkTdyModal .modal-body .FormSec .FrmSecLft .FrmImgBx .txt .txtTtl {
    font-size: 30px;
  }
}
#bkTdyModal .modal-body .FormSec .FrmSecLft .FrmImgBx .txt .txtSub {
  font-size: 16px;
  font-weight: 400;
  color: rgb(255, 255, 255);
  line-height: 1.2;
}
@media only screen and (min-width: 768px) {
  #bkTdyModal .modal-body .FormSec .FrmSecLft .FrmImgBx .txt .txtSub {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) {
  #bkTdyModal .modal-body .FormSec .FrmSecLft .FrmImgBx .txt .txtSub {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1200px) {
  #bkTdyModal .modal-body .FormSec .FrmSecLft .FrmImgBx .txt .txtSub {
    font-size: 20px;
  }
}
#bkTdyModal .modal-body .FormSec .FrmSecRit {
  width: 100%;
  padding-left: 0;
}
@media only screen and (min-width: 992px) {
  #bkTdyModal .modal-body .FormSec .FrmSecRit {
    width: calc(100% - 320px);
    padding-left: 50px;
  }
}
#bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec .subTtL {
  font-weight: 500;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  font-size: 14px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) {
  #bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec .subTtL {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) {
  #bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec .subTtL {
    font-size: 16px;
  }
}
#bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec .mainTtL {
  font-weight: 500;
  color: rgb(0, 0, 0);
  line-height: 1.1;
  font-size: 32px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  #bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec .mainTtL {
    font-size: 36px;
  }
}
@media only screen and (min-width: 992px) {
  #bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec .mainTtL {
    font-size: 46px;
  }
}
@media only screen and (min-width: 1200px) {
  #bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec .mainTtL {
    font-size: 48px;
  }
}
#bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec .tagTtl {
  font-weight: 500;
  color: rgb(0, 0, 0);
  line-height: 1.1;
  font-size: 11px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) {
  #bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec .tagTtl {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1441px) {
  #bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec .tagTtl {
    font-size: 15px;
  }
}
#bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec form {
  padding-top: 10px;
}
@media only screen and (min-width: 992px) {
  #bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec form {
    padding-top: 20px;
  }
}
#bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec form .row {
  margin: 0 -7px;
}
@media only screen and (min-width: 768px) {
  #bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec form .row {
    margin: 0 -15px;
  }
}
#bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec form .row > * {
  padding: 0 7px;
}
@media only screen and (min-width: 768px) {
  #bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec form .row > * {
    padding: 0 15px;
  }
}
#bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec form .row .form-group {
  margin-bottom: 10px;
}
@media only screen and (min-width: 576px) {
  #bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec form .row .form-group {
    margin-bottom: 20px;
  }
}
#bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec form .row .form-control {
  border: 0;
  border-bottom: 1px solid rgb(0, 0, 0);
  border-radius: 0px;
  color: rgb(0, 0, 0);
  background: transparent;
  font-size: 13px;
  font-weight: 400;
  padding: 10px 0px 10px 0px;
  height: 40px;
}
@media only screen and (min-width: 576px) {
  #bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec form .row .form-control {
    font-size: 14px;
  }
}
#bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec form .row .form-control:focus {
  border-color: #40b65b;
}
#bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec form .row .form-control::placeholder {
  color: rgb(0, 0, 0);
}
#bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec form .row .form-control input.form-control {
  height: 25px;
}
#bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec form .row textarea.form-control {
  min-height: 80px;
}
@media only screen and (min-width: 992px) {
  #bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec form .row textarea.form-control {
    min-height: 130px;
  }
}
#bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec form .row .btnCstm {
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: 1.1px;
  width: 220px;
  height: 40px;
  background: rgb(255, 255, 255);
  font-weight: 500;
  text-transform: uppercase;
  color: #40b65b;
  border: 1px solid #40b65b;
  border-radius: 30px;
  padding: 10px;
  text-align: center;
}
@media only screen and (min-width: 576px) {
  #bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec form .row .btnCstm {
    float: left;
  }
}
@media only screen and (min-width: 768px) {
  #bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec form .row .btnCstm {
    font-size: 12px;
    height: 44px;
  }
}
@media only screen and (min-width: 992px) {
  #bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec form .row .btnCstm {
    font-size: 14px;
    letter-spacing: 1.3px;
  }
}
#bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec form .row .btnCstm::after {
  content: " ";
  position: absolute;
  height: 100%;
  width: 0;
  background: #40b65b;
  border: 0px solid #40b65b;
  right: 0;
  top: 0;
  border-radius: 35px;
  z-index: -1;
  transition: all 0.3s ease-out;
}
#bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec form .row .btnCstm:hover {
  color: rgb(255, 255, 255);
  cursor: pointer;
}
#bkTdyModal .modal-body .FormSec .FrmSecRit .FrmSec form .row .btnCstm:hover:after {
  width: 100%;
}

/*# sourceMappingURL=app.css.map */