@charset "UTF-8";
/*
|----------------------------------------------------------------------
|       Variables
|----------------------------------------------------------------------
*/
@font-face {
  font-family: "Regular";
  src: url("../assets/fonts/Sofia-Pro-Regular.woff");
}
@font-face {
  font-family: "Medium";
  src: url("../assets/fonts/Sofia-Pro-Medium.woff");
}
@font-face {
  font-family: "SemiBold";
  src: url("../assets/fonts/Sofia-Pro-Semi-Bold.woff");
}
@font-face {
  font-family: "Bold";
  src: url("../assets/fonts/Sofia-Pro-Bold.woff");
}
@font-face {
  font-family: "Black";
  src: url("../assets/fonts/Sofia-Pro-Bold.woff");
}
@font-face {
  font-family: "Lite";
  src: url("../assets/fonts/Sofia-Pro-Light.woff");
}
/*
|----------------------------------------------------------------------
|       Mixins
|----------------------------------------------------------------------
*/
/*
|----------------------------------------------------------------------
|       Media Queries
|----------------------------------------------------------------------
*/
/*
|----------------------------------------------------------------------
|       Import Files
|----------------------------------------------------------------------
*/
html {
  min-height: 100%;
  font-size: 10px;
  overflow: hidden;
  overflow-y: initial;
  scroll-behavior: smooth;
}
html.flow {
  overflow: hidden !important;
}

body {
  position: relative;
  min-height: 100vh;
  background-color: #fff;
  color: #4e4e4e;
  font-size: 1.6rem;
  font-family: "Regular";
  margin: 0;
  padding: 0;
  line-height: 1.6;
  word-break: break-word;
  letter-spacing: 0.3px;
  transition: all ease 0.5s;
  /*.bootstrap-select {
  	.bs-search,
  	.bs-searchbox {
  		> input {
  			border: 0.1 solid $light_gray;
  			border-radius: 0.6rem;
  		}
  	}
  	&.input {
  		ul.dropdown-menu {
  			&::-webkit-scrollbar-track {
  				background: $light_gray;
  				border-radius: 5rem;
  			}
  			&::-webkit-scrollbar {
  				width: 0.4rem;
  				height: 1rem;
  				background-color: $light_gray;
  				border-radius: 5rem;
  			}
  			&::-webkit-scrollbar-thumb {
  				background: rgba($black, 0.15);
  				border-radius: 5rem;
  			}
  		}
  	}
  }
  > .bootstrap-select {
  	&.input {
  		height: 0;
  		padding: 0;
  		background: none;
  		border: 0;
  		.dropdown-menu {
  			border-radius: 0.6rem;
  		}
  		ul.dropdown-menu {
  			padding: 1rem 0 !important;
  			> li {
  				a {
  					font-size: inherit;
  					padding: 1rem 1.2rem;
  					border: 0;
  					transition: all ease 0.3s !important;
  					&:hover {
  						background: rgba($color, 0.05) !important;
  					}
  				}
  				&.active a,
  				&.selected > a {
  					background: rgba($color, 0.1) !important;
  					// color: $color;
  					font-weight: 500;
  				}
  			}
  		}
  	}
  }*/
}
body > main {
  display: flex;
  flex-flow: column;
  min-height: 100vh;
  padding-top: 8rem;
  overflow: hidden;
}
@media (max-width: 475px) {
  body > main {
    padding-top: 5rem;
  }
}
body > main > * {
  width: 100%;
}
body .irs--square .irs-to,
body .irs--square .irs-from,
body .irs--square .irs-bar {
  background: #181818;
}
body .irs--square .irs-handle {
  background: #fff;
  border-color: #181818;
}
section {
  position: relative;
  padding: 9rem 0;
}
@media (max-width: 767px) {
  section {
    padding: 4rem 0;
  }
}

a {
  color: #181818;
  word-break: break-word;
  text-decoration: none;
  transition: all ease 0.5s;
}
a:hover {
  color: #40a8e5;
}
a:focus, a:hover {
  outline: none !important;
  text-decoration: none !important;
}

.ease,
button {
  transition: all ease 0.5s;
}

.br {
  padding-bottom: 1rem;
}

.color {
  color: #40a8e5;
}

.background {
  background: #40a8e5;
}

.alert {
  padding: 1rem 2rem;
  border: 0.1rem solid;
  border-radius: 0.6rem;
}

#toast-container {
  top: initial;
  bottom: 1rem;
}

.green {
  background: #19cba6;
}
.green_text {
  color: #19cba6;
}

.yellow {
  background: #ffcb00;
}
.yellow_text {
  color: #ffcb00;
}

.red {
  background: #f31f34;
}
.red_text {
  color: #f31f34;
}

.blue {
  background: #5883ff;
}
.blue_text {
  color: #5883ff;
}

.gray {
  background: #c4c4c4;
}
.gray_text {
  color: #c4c4c4;
}

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

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

h1,
.h1,
.size_1 {
  font-size: 6.5rem;
}
@media (max-width: 1024px) {
  h1,
  .h1,
  .size_1 {
    font-size: 5.5rem;
  }
}
@media (max-width: 767px) {
  h1,
  .h1,
  .size_1 {
    font-size: 3rem;
  }
}

h2,
.h2,
.size_2 {
  font-size: 4rem;
}
@media (max-width: 767px) {
  h2,
  .h2,
  .size_2 {
    font-size: 2.8rem;
  }
}

h3,
.h3,
.size_3 {
  font-size: 3rem;
}
@media (max-width: 767px) {
  h3,
  .h3,
  .size_3 {
    font-size: 2.2rem;
  }
}

h4,
.h4,
.size_4 {
  font-size: 1.4rem;
}
@media (max-width: 767px) {
  h4,
  .h4,
  .size_4 {
    font-size: 1.3rem;
  }
}

h5,
.h5,
.size_5 {
  font-size: 1.7rem;
}
@media (max-width: 767px) {
  h5,
  .h5,
  .size_5 {
    font-size: 1.6rem;
  }
}

h6,
.h6,
.size_6 {
  font-size: 1.4rem;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "SemiBold";
  line-height: 1.1;
  margin: 0 0 1rem;
  color: #252511;
  letter-spacing: 0;
}
h1.heading,
.h1.heading,
h2.heading,
.h2.heading,
h3.heading,
.h3.heading,
h4.heading,
.h4.heading,
h5.heading,
.h5.heading,
h6.heading,
.h6.heading {
  position: relative;
  margin-bottom: 2.5rem;
}
h1.heading strong,
.h1.heading strong,
h2.heading strong,
.h2.heading strong,
h3.heading strong,
.h3.heading strong,
h4.heading strong,
.h4.heading strong,
h5.heading strong,
.h5.heading strong,
h6.heading strong,
.h6.heading strong {
  color: #40a8e5;
}
h1.heading.active,
.h1.heading.active,
h2.heading.active,
.h2.heading.active,
h3.heading.active,
.h3.heading.active,
h4.heading.active,
.h4.heading.active,
h5.heading.active,
.h5.heading.active,
h6.heading.active,
.h6.heading.active {
  color: #40a8e5;
}
h1.subheading,
.h1.subheading,
h2.subheading,
.h2.subheading,
h3.subheading,
.h3.subheading,
h4.subheading,
.h4.subheading,
h5.subheading,
.h5.subheading,
h6.subheading,
.h6.subheading {
  margin-bottom: 2rem;
}
h1.require::after,
.h1.require::after,
h2.require::after,
.h2.require::after,
h3.require::after,
.h3.require::after,
h4.require::after,
.h4.require::after,
h5.require::after,
.h5.require::after,
h6.require::after,
.h6.require::after {
  content: "*";
  color: #f31f34;
}
h1 > strong,
.h1 > strong,
h2 > strong,
.h2 > strong,
h3 > strong,
.h3 > strong,
h4 > strong,
.h4 > strong,
h5 > strong,
.h5 > strong,
h6 > strong,
.h6 > strong {
  color: #40a8e5;
  font-weight: inherit;
}

p {
  margin: 0 0 1.5rem;
}
p > a {
  display: inline;
  color: #40a8e5;
}
p > a:hover {
  color: #2115dc;
}
p:nth-last-child(1) {
  margin: 0;
}

.table_dv {
  display: block;
  width: 100%;
  height: 100%;
  display: table;
}
.table_dv .table_cell {
  display: table-cell;
  vertical-align: middle;
}

.toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  display: none;
  position: absolute;
  top: -0.4px;
  right: 30px;
  bottom: 0;
  z-index: 4;
  width: 2.4rem;
  display: none;
  height: 1rem;
  background: transparent;
  padding: 0;
  margin: auto;
  border: 0;
  cursor: pointer;
  transition: all ease 0.5s;
}
@media (max-width: 991px) {
  .toggle {
    right: 16px;
  }
}
.toggle::before, .toggle::after,
.toggle > span {
  position: absolute;
  width: inherit;
  height: 0.2rem;
  border-radius: 10px;
  background: #40a8e5;
  transition: all ease 0.5s;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.toggle::before {
  content: "";
  top: -1px;
}
.active.toggle::before {
  top: 50%;
  margin-top: -0.1rem;
  transform: rotate(45deg);
}

.toggle::after {
  content: "";
  bottom: -1px;
}
.active.toggle::after {
  bottom: 50%;
  margin-bottom: -0.1rem;
  transform: rotate(135deg);
}

.active.toggle > span {
  opacity: 0;
}

@media (max-width: 1024px) {
  .toggle {
    display: flex;
  }
}

/*
|----------------------------------------------------------------------
|       Site Button
|----------------------------------------------------------------------
*/
.site_btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  row-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  height: 4.8rem;
  background: #40a8e5;
  color: #fff;
  font-family: "Regular";
  text-align: center;
  padding: 0 3.1rem;
  letter-spacing: 0.03rem;
  white-space: nowrap;
  text-transform: capitalize;
  border: 1.5px solid #40a8e5;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
  outline: none !important;
  transition: all ease 0.5s;
  line-height: 1;
}
@media (max-width: 475px) {
  .site_btn.block_sm {
    width: 100%;
  }
}
.site_btn:hover {
  background: #181818;
  opacity: 1;
  color: #fff;
}
.site_btn > img {
  width: auto;
  height: 2.4rem;
  filter: brightness(0) invert(1);
  transition: inherit;
}
.site_btn.sm {
  height: 3.6rem;
}
.site_btn.md {
  height: 4.4rem;
}
.site_btn.lg {
  height: 5.6rem;
  padding: 0 4rem;
}
.site_btn.blank {
  background: transparent;
  color: #ff5252;
  border: 2px solid #ff5252;
}
.site_btn.blank:hover {
  background: #ff5252 !important;
  color: #fff !important;
}
.site_btn.blank:not(:hover) > img {
  filter: none;
}
.site_btn.white {
  background: #fff;
  color: #40a8e5 !important;
  border: 2px solid #fff;
}
.site_btn.white:hover {
  background: #fff;
  color: #40a8e5 !important;
}
.site_btn.white:not(:hover) > img {
  filter: none;
}
.site_btn.color {
  background: #ff5252;
  color: #fff;
  border: none;
}
.site_btn.color:not(:hover) {
  box-shadow: none;
}
.site_btn.color:not(:hover) > img {
  filter: none;
}
.site_btn.color:hover {
  background: #40a8e5;
  color: #fff;
}
.site_btn.text {
  min-width: initial;
  height: auto;
  background: transparent;
  color: #40a8e5;
  padding: 0;
  border: 0;
  box-shadow: none;
}
.site_btn.text:hover {
  background: transparent;
  color: #181818;
}
.site_btn.simple {
  background: #fff;
  color: #181818;
}
.site_btn.simple:hover {
  background: #fff;
  color: #40a8e5;
}
.site_btn.simple > img {
  filter: none;
}
.site_btn.simple.stroke:not(:hover) {
  border-color: #b0b0b0;
}
.site_btn.stroke {
  border: 0.2rem solid #40a8e5;
}
.site_btn.round {
  border-radius: 5rem;
}
.site_btn.block {
  width: 100%;
}
.site_btn.auto {
  flex: auto;
}
.site_btn.long {
  min-width: 14rem;
}
.site_btn.back {
  min-width: 14rem;
}
.site_btn.back > i.arrow {
  transform: rotateY(180deg);
}
.site_btn > i {
  display: inline-block;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
}
.site_btn > i:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}
.site_btn > i.arrow:before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100px" height="100px" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M98.2,45.6L66.9,14.3c-2.4-2.4-6.3-2.4-8.7,0c-2.4,2.4-2.4,6.3,0,8.7l20.7,20.7H6.2C2.8,43.8,0,46.6,0,50 s2.8,6.2,6.2,6.2h72.7L58.1,76.9c-2.4,2.4-2.4,6.3,0,8.7c1.2,1.2,2.8,1.8,4.4,1.8c1.6,0,3.2-0.6,4.4-1.8l31.3-31.3 c1.2-1.2,1.8-2.7,1.8-4.4S99.3,46.8,98.2,45.6z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100px" height="100px" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M98.2,45.6L66.9,14.3c-2.4-2.4-6.3-2.4-8.7,0c-2.4,2.4-2.4,6.3,0,8.7l20.7,20.7H6.2C2.8,43.8,0,46.6,0,50 s2.8,6.2,6.2,6.2h72.7L58.1,76.9c-2.4,2.4-2.4,6.3,0,8.7c1.2,1.2,2.8,1.8,4.4,1.8c1.6,0,3.2-0.6,4.4-1.8l31.3-31.3 c1.2-1.2,1.8-2.7,1.8-4.4S99.3,46.8,98.2,45.6z"/></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  transition: inherit;
}
.site_btn > i.plus:before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100px" height="100px" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M91.2,41.2H58.8V8.8C58.8,3.9,54.9,0,50,0s-8.8,3.9-8.8,8.8v32.4H8.8C3.9,41.2,0,45.1,0,50s3.9,8.8,8.8,8.8 h32.4v32.4c0,4.9,3.9,8.8,8.8,8.8s8.8-4,8.8-8.8V58.8h32.4c4.9,0,8.8-3.9,8.8-8.8S96,41.2,91.2,41.2z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100px" height="100px" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M91.2,41.2H58.8V8.8C58.8,3.9,54.9,0,50,0s-8.8,3.9-8.8,8.8v32.4H8.8C3.9,41.2,0,45.1,0,50s3.9,8.8,8.8,8.8 h32.4v32.4c0,4.9,3.9,8.8,8.8,8.8s8.8-4,8.8-8.8V58.8h32.4c4.9,0,8.8-3.9,8.8-8.8S96,41.2,91.2,41.2z"/></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  transition: inherit;
}
.site_btn .spinner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  background: transparent;
  -webkit-backdrop-filter: blur(5rem);
  backdrop-filter: blur(5rem);
  border-radius: inherit;
  overflow: hidden;
}
.site_btn .spinner ~ i {
  visibility: hidden;
}
.site_btn .spinner:before, .site_btn .spinner:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 2rem;
  height: 2rem;
  margin: auto;
  border: 0.3rem solid;
  animation: spinner 0.5s linear infinite;
  border-radius: 75%;
}
.site_btn .spinner:before {
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.site_btn .spinner:after {
  border-top-color: transparent;
  border-left-color: transparent;
  opacity: 0.5;
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

.pop_btn {
  cursor: pointer;
}

.x_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 2.4rem;
  height: 2.4rem;
  background: #181818;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 0;
  text-align: center;
  border: 0;
  border-radius: 75%;
  cursor: pointer;
  transition: all ease 0.5s;
  z-index: 5;
}
.x_btn:hover {
  background: #40a8e5;
}
.x_btn:before {
  content: "✕";
  line-height: 1;
}

.lbl_btn {
  display: flex;
  -webkit-box-orient: vertical;
  text-align: left;
}
.lbl_btn > input[type=radio],
.lbl_btn > input[type=checkbox] {
  margin-top: 0.2rem;
}
.lbl_btn label {
  align-self: center;
  line-height: 1.5;
  cursor: pointer;
  margin: 0 0 0 1rem;
}

*[disabled] {
  cursor: not-allowed !important;
}

/*
|----------------------------------------------------------------------
|       Body Inner Css
|----------------------------------------------------------------------
*/
img {
  width: 100%;
  display: block;
}

b,
strong {
  font-family: "Bold";
}

input,
button,
select,
textarea {
  text-decoration: none !important;
  outline: none !important;
}

.contain,
.contain-fluid {
  position: relative;
  max-width: 125rem;
  padding: 0 1.5rem;
  margin: 0 auto;
  min-height: 0.1rem;
}
.contain:before, .contain:after,
.contain-fluid:before,
.contain-fluid:after {
  content: "";
  display: table;
}
.contain:after, .contain:after,
.contain-fluid:after,
.contain-fluid:after {
  clear: both;
}
.contain.sm,
.contain-fluid.sm {
  max-width: 100rem;
}

.contain-fluid {
  max-width: 1600px !important;
}

.flex {
  display: flex;
  flex-flow: wrap;
}

.form_row {
  display: flex;
  flex-flow: wrap;
  margin: -2rem 0 0 -2rem;
  width: calc(100% + 2rem);
}
.form_row > [class*=col-],
.form_row > [class^=col-] {
  padding: 2rem 0 0 2rem;
}

@media (max-width: 475px) {
  [class*=col-xs],
  [class^=col-xs] {
    width: 100%;
  }
}

.flex_row {
  display: flex;
  flex-flow: wrap;
  width: calc(100% + 3rem);
  margin: -1.5rem -1.5rem;
}
.flex_row > * {
  padding: 1.5rem 1.5rem;
}
.flex_row.nowrap {
  flex-flow: nowrap;
}
.flex_row.center {
  justify-content: center;
}

.grid_row {
  display: grid;
}

.flex_row,
.grid_row {
  width: calc(100% + 3rem);
  margin: -1.5rem -1.5rem;
}
.flex_row > *,
.grid_row > * {
  padding: 1.5rem 1.5rem;
}
.flex_row > .col,
.grid_row > .col {
  display: flex;
  -webkit-box-orient: vertical;
  flex: initial;
}
.flex_row > .col > div:not(.flex_row):not(.grid_row),
.grid_row > .col > div:not(.flex_row):not(.grid_row) {
  width: 100%;
}

.btn_blk {
  display: flex;
  flex-flow: wrap;
  row-gap: 1.5rem;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}
.btn_blk.form_btn {
  margin-top: 2rem;
}
.btn_blk.text-left {
  justify-content: flex-start;
}
.btn_blk.text-center {
  justify-content: center;
}
.btn_blk.text-right {
  justify-content: flex-end;
}
.text-left .btn_blk {
  justify-content: flex-start;
}
.text-center .btn_blk {
  justify-content: center;
}
.text-right .btn_blk {
  justify-content: flex-end;
}

/*
|----------------------------------------------------------------------
|       Popup
|----------------------------------------------------------------------
*/
.popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background: rgba(25, 33, 37, 0.95);
  padding: 0;
  overflow: auto;
  z-index: 101;
}
.popup > .table_dv {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-flow: wrap;
}
.popup > .table_dv > .table_cell {
  display: block;
  align-self: center;
  width: 100%;
  padding: 2rem 0;
}
.popup .cros_btn {
  position: absolute;
  top: 6px;
  right: 5px;
  width: 28px;
  height: 28px;
  color: #778ca3;
  font-size: 18px;
  text-align: center;
  padding: 2px 0 0;
  cursor: pointer;
  z-index: 5;
}
.popup .cros_btn:before {
  content: "✕";
}
.popup ._inner {
  position: relative;
  max-width: 60rem;
  background: #E6EDF4;
  padding: 4rem;
  margin: auto;
  border-radius: 1rem;
  box-shadow: 0 4rem 3rem rgba(24, 24, 24, 0.05);
}
.popup ._inner h3 {
  padding-right: 3rem;
  margin-bottom: 2rem;
}
.popup ._inner h4 {
  padding-right: 3rem;
  margin-bottom: 1.5rem;
}
.popup.lg ._inner {
  max-width: 80rem;
}
.popup.sm ._inner {
  max-width: 42rem;
}
.popup .list > li {
  display: flex;
  -webkit-box-orient: vertical;
  margin-bottom: 1rem;
}
.popup .list > li > div:nth-child(1) {
  width: 12rem;
  min-width: 12rem;
  font-weight: 700;
  margin-right: 1rem;
}
.popup .list > li > div:nth-child(2) {
  width: 100%;
  color: #b0b0b0;
}
.popup hr {
  margin: 2rem 0;
}

/*
|----------------------------------------------------------------------
|       Dropdown
|----------------------------------------------------------------------
*/
.drop_btn {
  display: inline-flex;
  align-items: center;
  -webkit-box-orient: vertical;
  cursor: pointer;
}
.drop_btn > i.chevron {
  display: inline-block;
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
}
.drop_btn > i.chevron:before {
  content: "";
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="300px" height="300px" fill="%23040707" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"><polygon points="78.6356201,306.8178101 -5.0166931,390.4367371 -88.6356277,306.8178101 -137, 355.1821899 -5.0166931,487.1821899 127,355.1821899 "/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="300px" height="300px" fill="%23040707" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"><polygon points="78.6356201,306.8178101 -5.0166931,390.4367371 -88.6356277,306.8178101 -137, 355.1821899 -5.0166931,487.1821899 127,355.1821899 "/></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  transition: inherit;
  display: block;
  width: 100%;
  height: 100%;
}
.drop_down {
  position: relative;
}
.drop_down:hover .drop_cnt {
  margin-top: 0;
  visibility: visible;
  opacity: 1;
}
.drop_cnt {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 20rem;
  max-width: 26rem;
  background: #fff;
  margin-top: 1rem;
  visibility: hidden;
  opacity: 0;
  border-radius: 0.7rem;
  box-shadow: 0 0.7rem 3.5rem -0.5rem rgba(24, 24, 24, 0.1), 0 -0.5rem 1rem -0.6rem rgba(24, 24, 24, 0.1);
  transition: all ease 0.5s;
  overflow: hidden;
  z-index: 2;
}
.drop_cnt.right {
  left: initial;
  right: 0;
}
.drop_cnt.active {
  margin-top: 0;
  visibility: visible;
  opacity: 1;
}
.drop_lst {
  margin: 0;
  padding: 0.7rem 0;
}
.drop_lst > li {
  display: block;
}
.drop_lst > li > * {
  display: flex;
  align-items: center;
  -webkit-box-orient: vertical;
  width: 100%;
  background: #fff;
  text-align: left;
  padding: 0.7rem 2rem;
  border: 0;
}
.drop_lst > li > *:hover {
  background: rgba(64, 168, 229, 0.05);
}
.drop_lst.select {
  left: 0;
  right: 0;
  width: 100%;
  max-width: initial;
  max-height: 240rem;
  padding: 0;
  border: 0.1rem solid #eee;
  box-shadow: 0 4rem 3rem rgba(24, 24, 24, 0.05);
  overflow: auto;
}
.drop_lst.select > li:not(:nth-last-child(1)) {
  border-bottom: 0.1rem solid #eee;
}
.drop_lst.select > li > button {
  color: #b0b0b0;
  padding: 1rem 1.5rem;
}
.drop_lst.select > li > button > img {
  width: 3.6rem;
  min-width: 3.6rem;
  height: 3.6rem;
  margin-right: 1.5rem;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.6rem;
  overflow: hidden;
}
.drop_lst.select > li > button,
.drop_lst.select > li > button > * {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/*
|----------------------------------------------------------------------
|       Ico Css
|----------------------------------------------------------------------
*/
.ico {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  text-align: center;
}
.ico a,
.ico img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.ico.round {
  border-radius: 75%;
}
.ico.round img {
  border-radius: inherit;
}
.ico.fill {
  background: #fff;
  box-shadow: 0 4rem 3rem rgba(24, 24, 24, 0.05);
}
.ico.fill img {
  -o-object-fit: cover;
  object-fit: cover;
}

/*
|----------------------------------------------------------------------
|       RateYo
|----------------------------------------------------------------------
*/
.jq-ry-container {
  position: relative;
  display: block;
  cursor: pointer;
  box-sizing: content-box;
  line-height: 0;
  direction: ltr;
}
.jq-ry-container[readonly=readonly] {
  cursor: default;
}
.jq-ry-container > .jq-ry-group-wrapper {
  position: relative;
  width: 100%;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
  position: relative;
  line-height: 0;
  white-space: nowrap;
  z-index: 1;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
  display: inline-block;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-normal-group {
  width: 100%;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 0;
  overflow: hidden;
}

/*
|----------------------------------------------------------------------
|       Editor
|----------------------------------------------------------------------
*/
.ck_editor {
  font-family: "Regular", Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.ck_editor .cke_editable {
  word-wrap: break-word;
}
.ck_editor blockquote {
  font-style: italic;
  font-family: Georgia, Times, "Times New Roman", serif;
  border-style: solid;
  border-color: #c4c4c4;
  border-width: 0;
}
.ck_editor .cke_contents_ltr blockquote {
  padding-left: 2rem;
  padding-right: 0.8rem;
  border-left-width: 0.5rem;
}
.ck_editor .cke_contents_rtl blockquote {
  padding-left: 0.8rem;
  padding-right: 2rem;
  border-right-width: 0.5rem;
}
.ck_editor p {
  color: inherit;
}
.ck_editor a {
  display: inline;
  color: #0782c1;
}
.ck_editor a > img {
  padding: 0.1rem;
  margin: 0.1rem;
  border: none;
  outline: 0.1rem solid #0782c1;
}
.ck_editor ol,
.ck_editor ul,
.ck_editor dl {
  *margin-right: 0;
  padding: 0 4rem;
}
.ck_editor ul,
.ck_editor ol {
  padding: 0;
  padding-left: 2rem;
  margin: 0 0 1rem;
  list-style-position: inside;
}
.ck_editor ul > li,
.ck_editor ul > li,
.ck_editor ol > li,
.ck_editor ol > li {
  margin-bottom: 0.5rem;
}
.ck_editor ul > li ul,
.ck_editor ul > li ol,
.ck_editor ul > li ul,
.ck_editor ul > li ol,
.ck_editor ol > li ul,
.ck_editor ol > li ol,
.ck_editor ol > li ul,
.ck_editor ol > li ol {
  margin: 0.5rem 0 0.7rem;
}
.ck_editor img.right {
  border: 0.1rem solid #c4c4c4;
  float: right;
  margin-left: 1.5rem;
  padding: 0.5rem;
}
.ck_editor img.left {
  border: 0.1rem solid #c4c4c4;
  float: left;
  margin-right: 1.5rem;
  padding: 0.5rem;
}
.ck_editor pre {
  white-space: pre-wrap; /* CSS 2.1 */
  word-wrap: break-word; /* IE7 */
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}
.ck_editor .marker {
  background-color: Yellow;
}
.ck_editor span[lang] {
  font-style: italic;
}
.ck_editor figure {
  text-align: center;
  display: inline-block;
}
.ck_editor figure > figcaption {
  text-align: center;
  display: block; /* For IE8 */
}
.ck_editor .code-featured {
  border: 0.5rem solid red;
}
.ck_editor .math-featured {
  padding: 2rem;
  box-shadow: 0 0 0.2rem rgb(200, 0, 0);
  background-color: rgba(255, 0, 0, 0.05);
  margin: 1rem;
}
.ck_editor .image-clean {
  border: 0;
  background: none;
  padding: 0;
}
.ck_editor .image-clean > figcaption {
  font-size: 0.9em;
  text-align: right;
}
.ck_editor .image-grayscale {
  background-color: #fff;
  color: #666;
}
.ck_editor .image-grayscale img,
.ck_editor img.image-grayscale {
  filter: grayscale(100%);
}
.ck_editor .embed-240p {
  max-width: 42.6rem;
  max-height: 24rem;
  margin: 0 auto;
}
.ck_editor .embed-360p {
  max-width: 64rem;
  max-height: 36rem;
  margin: 0 auto;
}
.ck_editor .embed-480p {
  max-width: 85.4rem;
  max-height: 48rem;
  margin: 0 auto;
}
.ck_editor .embed-720p {
  max-width: 128rem;
  max-height: 72rem;
  margin: 0 auto;
}
.ck_editor .embed-1080p {
  max-width: 192rem;
  max-height: 108rem;
  margin: 0 auto;
}
.ck_editor u {
  text-decoration: underline;
}
.ck_editor span {
  display: initial;
  text-decoration: inherit;
}

/*
|----------------------------------------------------------------------
|       Form
|----------------------------------------------------------------------
*/
label {
  display: block;
  font-weight: normal;
  cursor: pointer;
}
label > a {
  color: #40a8e5;
}
label > a:hover {
  color: rgba(64, 168, 229, 0.5);
}

.form_blk {
  position: relative;
}
.form_blk:not(:nth-last-child(1)) {
  margin-bottom: 2rem;
}
.form_blk label ~ .input {
  padding-top: 1.6rem;
}
.form_blk:not(.lbl_btn) > label {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  -webkit-box-orient: vertical;
  min-height: 4.8rem;
  color: #b0b0b0;
  line-height: 1;
  margin: 0;
  margin-left: 0.1rem;
  padding-left: 1.4rem;
  pointer-events: none;
  transition: all ease 0.5s;
  z-index: 1;
}
.form_blk:not(.lbl_btn) > label.move {
  font-size: 1.1rem;
  transform: translateY(-1.1rem);
}
.form_blk.pass_blk {
  position: relative;
}
.form_blk.pass_blk > .input {
  padding-right: 4rem;
}
.form_blk.pass_blk > i.icon-eye {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100px" height="100px" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M61.6,38.4c-3.3-3.3-7.2-5-11.6-5c-1.6,0-3.1,0.2-4.5,0.6c1.6,1.6,2.4,3.5,2.4,5.7 c0,2.2-0.8,4.1-2.4,5.7c-1.6,1.6-3.5,2.5-5.7,2.5c-2.2,0-4.1-0.8-5.7-2.4c-0.4,1.4-0.6,2.9-0.6,4.5c0,4.4,1.7,8.3,5,11.6 c3.3,3.3,7.2,5,11.6,5c4.4,0,8.3-1.7,11.6-5c3.3-3.3,5-7.2,5-11.6C66.6,45.6,64.9,41.7,61.6,38.4z"/><path d="M80.5,25.5c-9.1-6.4-19.1-9.5-30.5-9.5s-21.4,3.2-30.5,9.5C10.5,31.8,4.1,40,0,50c4.1,10,10.5,18.2,19.5,24.5 c9.1,6.4,19.1,9.5,30.5,9.5s21.4-3.6,30.5-9.5C89.5,68.6,95.9,60,100,50C95.9,40,89.5,31.8,80.5,25.5z M67.5,67.5 c-4.5,5-11,7.5-17.5,7.5c-6.5,0-12.5-2.5-17.5-7.5c-5-5-7.5-11-7.5-17.5c0-6.5,3-12.5,7.5-17.6c4.5-5,11-7.5,17.5-7.5 c6.5,0,12.5,3,17.5,7.5c5,4.5,7.5,11,7.5,17.6C75.1,56.5,72.1,62.5,67.5,67.5z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100px" height="100px" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M61.6,38.4c-3.3-3.3-7.2-5-11.6-5c-1.6,0-3.1,0.2-4.5,0.6c1.6,1.6,2.4,3.5,2.4,5.7 c0,2.2-0.8,4.1-2.4,5.7c-1.6,1.6-3.5,2.5-5.7,2.5c-2.2,0-4.1-0.8-5.7-2.4c-0.4,1.4-0.6,2.9-0.6,4.5c0,4.4,1.7,8.3,5,11.6 c3.3,3.3,7.2,5,11.6,5c4.4,0,8.3-1.7,11.6-5c3.3-3.3,5-7.2,5-11.6C66.6,45.6,64.9,41.7,61.6,38.4z"/><path d="M80.5,25.5c-9.1-6.4-19.1-9.5-30.5-9.5s-21.4,3.2-30.5,9.5C10.5,31.8,4.1,40,0,50c4.1,10,10.5,18.2,19.5,24.5 c9.1,6.4,19.1,9.5,30.5,9.5s21.4-3.6,30.5-9.5C89.5,68.6,95.9,60,100,50C95.9,40,89.5,31.8,80.5,25.5z M67.5,67.5 c-4.5,5-11,7.5-17.5,7.5c-6.5,0-12.5-2.5-17.5-7.5c-5-5-7.5-11-7.5-17.5c0-6.5,3-12.5,7.5-17.6c4.5-5,11-7.5,17.5-7.5 c6.5,0,12.5,3,17.5,7.5c5,4.5,7.5,11,7.5,17.6C75.1,56.5,72.1,62.5,67.5,67.5z"/></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  transition: inherit;
}
.form_blk.pass_blk > i.icon-eye-slash {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100px" height="100px" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M50,25.2c5.9,0,11.3,2.7,15.8,6.8c4.5,4.1,6.8,9.9,6.8,15.8c0,2.9-0.7,5.7-1.8,8.3l13.5,13.5 c7.1-5.7,12.3-13.2,15.8-21.8c-4.1-10-10.5-18.2-19.5-24.5c-9.1-6.4-19.1-9.5-30.5-9.5c-6.6,0-12.7,1.1-18.4,3.2l10,10 C44.2,25.8,47.1,25.2,50,25.2z"/><path d="M90.7,87.5L10.3,7.1l-5.4,5.4l12.4,12.4C9.4,31,3.7,38.6,0,47.8c4.1,10,10.5,18.2,19.5,24.5 c9.1,6.4,19.1,9.5,30.5,9.5c7.3,0,13.9-1.5,20.2-4.1l15.1,15.1L90.7,87.5z M50,70.3c-5.9,0-11.3-2.3-15.8-6.8 c-4.5-4.5-6.8-9.9-6.8-15.8c0-3.6,1-6.9,2.7-10.1l7.1,7.1c-0.3,1-0.4,1.9-0.4,2.9c0,3.4,1.3,6.6,3.9,9.2c2.6,2.6,5.8,3.9,9.2,3.9 c1,0,2-0.1,3-0.3l7.3,7.3C57.1,69.5,53.6,70.3,50,70.3z"/><path d="M63.1,47.8c0-3.4-1.3-6.8-3.9-9.2c-2.6-2.4-5.8-3.9-9.2-3.9c-0.2,0-0.4,0-0.7,0l13.8,13.8 C63.1,48.2,63.1,48,63.1,47.8z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100px" height="100px" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M50,25.2c5.9,0,11.3,2.7,15.8,6.8c4.5,4.1,6.8,9.9,6.8,15.8c0,2.9-0.7,5.7-1.8,8.3l13.5,13.5 c7.1-5.7,12.3-13.2,15.8-21.8c-4.1-10-10.5-18.2-19.5-24.5c-9.1-6.4-19.1-9.5-30.5-9.5c-6.6,0-12.7,1.1-18.4,3.2l10,10 C44.2,25.8,47.1,25.2,50,25.2z"/><path d="M90.7,87.5L10.3,7.1l-5.4,5.4l12.4,12.4C9.4,31,3.7,38.6,0,47.8c4.1,10,10.5,18.2,19.5,24.5 c9.1,6.4,19.1,9.5,30.5,9.5c7.3,0,13.9-1.5,20.2-4.1l15.1,15.1L90.7,87.5z M50,70.3c-5.9,0-11.3-2.3-15.8-6.8 c-4.5-4.5-6.8-9.9-6.8-15.8c0-3.6,1-6.9,2.7-10.1l7.1,7.1c-0.3,1-0.4,1.9-0.4,2.9c0,3.4,1.3,6.6,3.9,9.2c2.6,2.6,5.8,3.9,9.2,3.9 c1,0,2-0.1,3-0.3l7.3,7.3C57.1,69.5,53.6,70.3,50,70.3z"/><path d="M63.1,47.8c0-3.4-1.3-6.8-3.9-9.2c-2.6-2.4-5.8-3.9-9.2-3.9c-0.2,0-0.4,0-0.7,0l13.8,13.8 C63.1,48.2,63.1,48,63.1,47.8z"/></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  transition: inherit;
}
.form_blk.pass_blk > i.icon-eye, .form_blk.pass_blk > i.icon-eye-slash {
  display: flex;
  align-items: center;
  -webkit-box-orient: vertical;
  position: absolute;
  top: 0;
  right: 1.4rem;
  bottom: 0;
  width: 1.6rem;
  height: 100%;
  cursor: pointer;
  opacity: 0.7;
  filter: brightness(0.5) invert(0.4);
}
.form_blk.pass_blk > i:hover {
  opacity: 1;
}
.form_blk > span {
  color: #f31f34;
  position: absolute;
  top: 100%;
  font-size: 1.1rem;
  font-weight: 500;
}

.upload_blk > button {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.upload_blk > input[type=file] {
  display: none;
}
.upload_blk.long > button {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  position: relative;
  height: 12rem;
  text-align: center;
  border-style: dashed;
  border-width: 0.2rem;
}
.upload_blk.long > button:not(:hover) {
  border-color: rgba(24, 24, 24, 0.1);
}
.upload_blk.long > button:before {
  content: "";
  background-image: url("../../../public/images/icon-import.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  width: 2.2rem;
  min-width: 2.2rem;
  height: 2.2rem;
  margin-right: 1rem;
}

.flex_blk {
  display: flex;
  -webkit-box-orient: vertical;
}
.flex_blk > div {
  margin: 0;
}
.flex_blk > div.form_blk {
  flex: 1;
  margin: 0 !important;
}
.flex_blk > div.auto {
  flex: none;
}
.flex_blk > div.btn_blk {
  margin-left: 1rem;
}
.flex_blk > div.data {
  margin-right: 1.5rem;
}
.flex_blk > div.data > * {
  margin: 0;
}

.input {
  display: block;
  width: 100%;
  height: 5.3rem;
  background: #fff;
  text-align: left;
  padding: 0.6rem 1.4rem;
  border: 1.5px solid rgba(15, 18, 33, 0.08);
  border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  outline: none !important;
  transition: all ease 0.5s;
}
.input:-webkit-autofill {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.input::-moz-placeholder {
  font-family: "Regular";
  color: #1f1f1f;
  font-size: 1.4rem;
}
.input::placeholder {
  font-family: "Regular";
  color: #1f1f1f;
  font-size: 1.4rem;
}
textarea.input {
  height: 10rem;
  resize: none;
}

.input:disabled {
  background: #e3e8ee;
  cursor: not-allowed;
  border-color: #d8dee6 !important;
}
.input[readonly] {
  background: rgba(64, 168, 229, 0.05);
  border-color: #40a8e5;
}
.input::-moz-placeholder {
  color: #b0b0b0;
}
.input::placeholder {
  color: #b0b0b0;
}
.input:focus::-moz-placeholder {
  opacity: 0.4;
}
.input:focus::placeholder {
  opacity: 0.4;
}
.input:hover, .input:focus {
  border-color: #40a8e5;
}
select.input {
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100px" height="100px" fill="%23000" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><polygon points="80.7,20 50,50.7 19.3,20 4.7,34.7 50,80 95.3,34.7 "/></svg>');
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 1rem;
  background-position: right 1.5rem center !important;
  background-repeat: no-repeat !important;
  padding-right: 3rem !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.input.error {
  border-color: #f31f34;
}

input[type=radio], input[type=checkbox] {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1.8rem;
  min-width: 1.8rem;
  height: 1.8rem;
  background: #fff;
  color: #fff;
  margin-top: 0;
  border: 0.1rem solid rgba(6, 18, 55, 0.1);
  cursor: pointer;
}
input[type=radio] {
  padding: 0.3rem;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
input[type=radio]:checked {
  background: #40a8e5;
  background-clip: content-box;
  border-color: #40a8e5;
}
input[type=checkbox] {
  border-radius: 0.4rem;
}
input[type=checkbox]:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="300px" height="300px" fill="%23fff" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve"><polygon points="268.3,27.8 112.8,214 26.6,141.5 0,173 117.9,272.2 300,54.3 "/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="300px" height="300px" fill="%23fff" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve"><polygon points="268.3,27.8 112.8,214 26.6,141.5 0,173 117.9,272.2 300,54.3 "/></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  transition: inherit;
  width: 1rem;
  height: 1rem;
  margin: auto;
}
input[type=checkbox]:checked {
  background: #40a8e5;
  border-color: #40a8e5;
}
input[type=file].uploadFile {
  display: none;
}
input::-ms-reveal, input::-ms-clear {
  display: none;
}

.badge {
  color: #fff !important;
  font-size: 1.1rem;
  font-weight: 500;
  padding: 0.4rem 0.7rem;
  border-radius: 0.5rem;
}

/*
|----------------------------------------------------------------------
|       Info
|----------------------------------------------------------------------
*/
.info_head {
  display: flex;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  margin-bottom: 1rem;
}
.info_head > *:not(.info) {
  margin: 0;
  margin-right: 1rem;
}

.info {
  position: relative;
  align-self: flex-start;
  color: #b0b0b0;
  line-height: 1;
  margin-left: auto;
}
.info > strong {
  display: flex;
  align-items: center;
  -webkit-box-orient: vertical;
  font-size: 90%;
  font-weight: 600 !important;
  cursor: pointer;
}
@media (max-width: 576px) {
  .info > strong em {
    display: none;
  }
}
.info > strong:after {
  content: "";
  display: block;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100px" height="100px" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M50,2.7C23.9,2.7,2.7,23.9,2.7,50S23.9,97.3,50,97.3S97.3,76.1,97.3,50S76.1,2.7,50,2.7z M49.8,75.6 c-2.7,0-4.8-2.2-4.8-4.8c0-2.7,2.2-4.8,4.8-4.8c2.7,0,4.8,2.2,4.8,4.8C54.7,73.4,52.5,75.6,49.8,75.6z M64,41 c-0.9,4.3-4.1,7.7-6.9,10.7c-0.3,0.4-0.7,0.7-1,1c-1.1,1.1-1.6,1.6-2,2.6c-0.5,1.1-0.7,2.5-0.5,3.9c0.2,2-1.3,3.7-3.3,3.9 c-0.1,0-0.2,0-0.3,0c-1.8,0-3.4-1.4-3.6-3.3c-0.2-2.7,0.1-5.1,1.1-7.4c1-2.2,2.2-3.5,3.5-4.8c0.3-0.3,0.6-0.6,0.9-0.9 c2.2-2.4,4.6-4.9,5.1-7.3c0.4-2.1-0.1-5-2.1-6.6c-2.5-2.1-6.5-1.5-8.9,0.3c-3.6,2.6-3.2,7.7-3.2,7.7c0.2,2-1.2,3.7-3.2,3.9 c-2,0.2-3.7-1.2-3.9-3.2c-0.3-3.4,0.6-10.2,6.1-14.2c4.7-3.4,12.2-4.5,17.7,0C63.9,31,64.9,36.9,64,41z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100px" height="100px" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M50,2.7C23.9,2.7,2.7,23.9,2.7,50S23.9,97.3,50,97.3S97.3,76.1,97.3,50S76.1,2.7,50,2.7z M49.8,75.6 c-2.7,0-4.8-2.2-4.8-4.8c0-2.7,2.2-4.8,4.8-4.8c2.7,0,4.8,2.2,4.8,4.8C54.7,73.4,52.5,75.6,49.8,75.6z M64,41 c-0.9,4.3-4.1,7.7-6.9,10.7c-0.3,0.4-0.7,0.7-1,1c-1.1,1.1-1.6,1.6-2,2.6c-0.5,1.1-0.7,2.5-0.5,3.9c0.2,2-1.3,3.7-3.3,3.9 c-0.1,0-0.2,0-0.3,0c-1.8,0-3.4-1.4-3.6-3.3c-0.2-2.7,0.1-5.1,1.1-7.4c1-2.2,2.2-3.5,3.5-4.8c0.3-0.3,0.6-0.6,0.9-0.9 c2.2-2.4,4.6-4.9,5.1-7.3c0.4-2.1-0.1-5-2.1-6.6c-2.5-2.1-6.5-1.5-8.9,0.3c-3.6,2.6-3.2,7.7-3.2,7.7c0.2,2-1.2,3.7-3.2,3.9 c-2,0.2-3.7-1.2-3.9-3.2c-0.3-3.4,0.6-10.2,6.1-14.2c4.7-3.4,12.2-4.5,17.7,0C63.9,31,64.9,36.9,64,41z"/></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  transition: inherit;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  margin-left: 0.5rem;
  filter: brightness(0) invert(0.6);
}
.info .infoIn {
  position: absolute;
  top: 100%;
  right: 0;
  width: 24rem;
  background: #fff;
  padding: 2rem;
  margin: 2rem 0 0;
  line-height: 1.4;
  text-align: left;
  font-size: 90%;
  opacity: 0;
  visibility: hidden;
  border-radius: 0.6rem;
  -webkit-backdrop-filter: blur(1rem);
  backdrop-filter: blur(1rem);
  box-shadow: 0 4rem 3rem rgba(24, 24, 24, 0.05);
  transition: all ease 0.5s;
  z-index: 2;
}
.info:hover .infoIn {
  margin-top: 0.7rem;
  opacity: 1;
  visibility: visible;
}

/*
|----------------------------------------------------------------------
|       Block
|----------------------------------------------------------------------
*/
.blk {
  position: relative;
  background: #fff;
  padding: 2.5rem;
  border-radius: 1rem;
  box-shadow: 0 0.7rem 3.5rem -0.5rem rgba(24, 24, 24, 0.1), 0 -0.5rem 1rem -0.6rem rgba(24, 24, 24, 0.1);
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}
.blk:not(:nth-last-child(1)) {
  margin-bottom: 3rem;
}
.blk .blk {
  padding: 2rem;
}
.blk ._header,
.blk ._footer {
  display: flex;
  align-items: center;
  -webkit-box-orient: vertical;
  position: relative;
}
.blk ._header {
  margin-bottom: 3rem;
}
.blk ._header h3,
.blk ._header h4,
.blk ._header h5,
.blk ._header h6 {
  margin-right: 3rem;
  margin-bottom: 0;
  flex: 1;
}
.blk ._header h3 > span,
.blk ._header h4 > span,
.blk ._header h5 > span,
.blk ._header h6 > span {
  color: #b0b0b0;
}
.blk > .tblBlk {
  margin: -1.5rem -2.5rem;
}

/*
|----------------------------------------------------------------------
|       Scrollbar
|----------------------------------------------------------------------
*/
.scrollbar::-webkit-scrollbar-track {
  background: #f6f9fc;
  border-radius: 5rem;
}
.scrollbar::-webkit-scrollbar {
  width: 0.5rem;
  height: 1rem;
  background-color: #f6f9fc;
  border-radius: 5rem;
}
.scrollbar::-webkit-scrollbar-thumb {
  background: rgba(24, 24, 24, 0.15);
  border-radius: 5rem;
}

/*_____ top_head _____*/
.top_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  margin-bottom: 2rem;
  row-gap: 1.5rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}
@media (max-width: 576px) {
  .top_head {
    flex-flow: column;
    align-items: flex-start;
  }
}
.top_head > .miniBtn {
  display: flex;
  align-items: center;
  -webkit-box-orient: vertical;
}
.top_head > .miniBtn select {
  width: auto;
  max-width: 12rem;
  height: auto;
  background-color: transparent;
  background-position: right;
  border: 0;
}
.top_head > .heading {
  margin: 0;
}
.top_head > .tab_list {
  margin-bottom: 0;
}

/*
|----------------------------------------------------------------------
|       Tab List
|----------------------------------------------------------------------
*/
.tab_list {
  row-gap: 0.5rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  display: flex;
  -webkit-box-orient: vertical;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 2rem;
}
@media (max-width: 576px) {
  .tab_list {
    width: 100%;
    flex-flow: nowrap;
    padding-bottom: 1rem;
    margin-bottom: -1rem;
    white-space: nowrap;
    overflow: auto;
  }
}
@media (max-width: 576px) {
  .tab_list > li {
    width: auto;
  }
}
.tab_list > li > a {
  display: block;
  background: #fff;
  padding: 0.5rem 2rem;
  border: 0.1rem solid #b0b0b0;
  border-radius: 0.6rem;
}
.tab_list > li > a:hover {
  background: #f9faff;
}
.tab_list > li.active > a {
  background: #40a8e5;
  color: #fff;
  border-color: #40a8e5;
}

/*
|----------------------------------------------------------------------
|       Oops 404
|----------------------------------------------------------------------
*/
#oops {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f9faff;
  padding: 2rem 0 4rem;
  overflow: auto;
}
#oops .inner {
  max-width: 34rem;
  margin: 0 auto;
}
#oops .icon {
  color: #40a8e5;
  font-size: 12rem;
  font-weight: 700;
  line-height: 0.8;
  margin-bottom: 2.5rem;
}

/*
|----------------------------------------------------------------------
|       Videos
|----------------------------------------------------------------------
*/
.vid_blk {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: block;
  background-color: #fff;
  padding-bottom: 56%;
  cursor: pointer;
  border-radius: 1rem;
  box-shadow: 0 0.7rem 3.5rem -0.5rem rgba(24, 24, 24, 0.1), 0 -0.5rem 1rem -0.6rem rgba(24, 24, 24, 0.1);
  overflow: hidden;
}
.vid_blk.img_blk {
  padding-bottom: 66%;
}
.vid_blk.img_blk:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #181818;
  opacity: 0.4;
  z-index: 1;
}
.vid_blk .play_btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 8rem;
  height: 8rem;
  background-color: rgba(24, 24, 24, 0.1);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: auto;
  padding: 0;
  border: 0;
  border-radius: 75%;
}
.vid_blk .play_btn:hover {
  background-color: rgba(24, 24, 24, 0.3);
}
.vid_blk video,
.vid_blk iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
  object-fit: fill;
  -o-object-position: center;
  object-position: center;
  border: 0 !important;
  margin: auto;
}
.vid_blk video[poster],
.vid_blk iframe[poster] {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

/*
|----------------------------------------------------------------------
|       Switcher
|----------------------------------------------------------------------
*/
.switch {
  position: relative;
  width: 3rem;
  min-width: 3rem;
  height: 1.6rem;
  cursor: pointer;
}
.switch * {
  transition: all ease 0.5s;
}
.switch input[type=radio],
.switch input[type=checkbox] {
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
  box-shadow: none !important;
  opacity: 0;
  z-index: 5;
}
.switch input[type=radio]:before, .switch input[type=radio]:after,
.switch input[type=checkbox]:before,
.switch input[type=checkbox]:after {
  display: none;
}
.switch input[type=radio]:checked + em:before,
.switch input[type=checkbox]:checked + em:before {
  background: #fff;
  transform: translateX(0.7rem);
}
.switch input[type=radio]:checked + em:after,
.switch input[type=checkbox]:checked + em:after {
  background: #40a8e5;
}
.switch > em,
.switch > em:before,
.switch > em:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: transparent;
  padding: 0;
  z-index: 1;
}
.switch > em {
  display: flex;
  align-items: center;
  -webkit-box-orient: vertical;
  border: none;
}
.switch > em:before {
  content: "";
  width: 1rem;
  height: 1rem;
  background: #40a8e5;
  border-radius: 75%;
  transform: translateX(-0.7rem);
  transition: all linear 0.3s;
  z-index: 5;
}
.switch > em:after {
  content: "";
  background: #eee;
  border-radius: 5rem;
  transition: all linear 0.3s;
}

/*
|----------------------------------------------------------------------
|       Table Block
|----------------------------------------------------------------------
*/
.tbl_blk {
  overflow: auto;
}
.tbl_blk table {
  width: 100%;
  min-width: 70rem;
}
.tbl_blk table > *:not(:nth-last-child(1)) {
  border-bottom: 0.1rem solid #eee;
}
.tbl_blk table > * > tr:nth-child(1) > * {
  padding-top: 2rem;
}
.tbl_blk table > * > tr:nth-last-child(1) > * {
  padding-bottom: 2rem;
}
.tbl_blk table > * > tr > * {
  padding: 1rem 1.5rem;
}
.tbl_blk table > * > tr > *:nth-child(1) {
  padding-left: 2.5rem;
}
.tbl_blk table > * > tr > *:nth-last-child(1) {
  padding-right: 2.5rem;
}
.tbl_blk table > * > tr > th {
  font-weight: 600;
}
.blk .tbl_blk {
  margin: -2.5rem;
}

/*
|----------------------------------------------------------------------
|       Datepicker
|----------------------------------------------------------------------
*/
.datepicker table tr td,
.datepicker table tr th {
  color: #181818;
  font-size: inherit;
  padding: 1rem 0.8rem !important;
}
.datepicker table tr td {
  font-weight: 500;
}
.datepicker table tr td.active, .datepicker table tr td:hover {
  background-color: rgba(64, 168, 229, 0.1) !important;
}
.datepicker table tr td.active {
  background-color: rgba(64, 168, 229, 0.8) !important;
  color: #fff;
}
.datepicker table tr td.today {
  background: #40a8e5 !important;
}
.datepicker table tr td.today:hover {
  background: inherit;
}
.datepicker table tr th {
  font-weight: 600;
}
.datepicker table tr th.datepicker-switch {
  border-radius: 0;
}
.datepicker table tr th.datepicker-switch:hover {
  background-color: rgba(64, 168, 229, 0.05) !important;
}

/*
|----------------------------------------------------------------------
|       CK Editor 5
|----------------------------------------------------------------------
*/
.ck-editor5 .ck.ck-icon {
  font-size: 1rem;
}
.ck-editor5 .ck.ck-toolbar, .ck-editor5 .ck.ck-editor__editable {
  background: #fff !important;
  border-color: #b0b0b0 !important;
}
.ck-editor5 .ck.ck-toolbar {
  font-weight: 400;
  border-radius: 0.6rem 0.6rem 0 0 !important;
}
.ck-editor5 .ck.ck-toolbar * {
  font-weight: inherit;
}
.ck-editor5 .ck.ck-toolbar .ck-tooltip__text {
  font-size: 1rem;
}
.ck-editor5 .ck.ck-editor__editable {
  min-height: 20rem;
  max-height: 30rem;
  padding: 0 1.4rem;
  border-top: 0 !important;
  border-radius: 0 0 0.6rem 0.6rem !important;
  box-shadow: none !important;
}
.ck-editor5 .ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
  z-index: 1 !important;
}
.ck-editor5 .ck.ck-button {
  color: #181818;
  padding: 0;
  margin: 0;
  border: 0 !important;
}
.ck-editor5 .ck.ck-button:not(.ck-disabled):not(.ck-color-grid__tile):active, .ck-editor5 .ck.ck-button:not(.ck-disabled):not(.ck-color-grid__tile):hover {
  background: #eee !important;
}
.ck-editor5 .ck.ck-button:not(.ck-color-grid__tile):active, .ck-editor5 .ck.ck-button:not(.ck-color-grid__tile):hover {
  box-shadow: none !important;
}
.ck-editor5 .ck.ck-font-family-dropdown {
  display: none !important;
}
.ck-editor5 p {
  color: initial;
}

/*
|----------------------------------------------------------------------
|       Slick-Carousel
|----------------------------------------------------------------------
*/
.slick-carousel .slick-slide {
  outline: none !important;
}
.slick-carousel .slick-arrow {
  background: #fff;
  color: #181818;
  box-shadow: 0 4rem 3rem rgba(24, 24, 24, 0.05);
}
.slick-carousel .slick-arrow.slick-prev {
  left: -2rem;
}
.slick-carousel .slick-arrow.slick-prev:after {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="20px" height="20px" viewBox="-481.4169922 271.0341797 20 20" style="enable-background:new -481.4169922 271.0341797 20 20;" fill="%23fff"><path d="M-467.5097046,271.2515869c0.5028076,0,1.0072327,0.1921692,1.3915405,0.5764771 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421l-6.4229736,6.4229736l6.4229736,6.4229736 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421s-2.0144653,0.7686462-2.7831116,0l-7.8145752-7.8145447 c-0.7686157-0.7686462-0.7686157-2.0144958,0-2.7831421l7.8145752-7.8145447 C-468.5169678,271.4437561-468.0125427,271.2515869-467.5097046,271.2515869z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="20px" height="20px" viewBox="-481.4169922 271.0341797 20 20" style="enable-background:new -481.4169922 271.0341797 20 20;" fill="%23fff"><path d="M-467.5097046,271.2515869c0.5028076,0,1.0072327,0.1921692,1.3915405,0.5764771 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421l-6.4229736,6.4229736l6.4229736,6.4229736 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421s-2.0144653,0.7686462-2.7831116,0l-7.8145752-7.8145447 c-0.7686157-0.7686462-0.7686157-2.0144958,0-2.7831421l7.8145752-7.8145447 C-468.5169678,271.4437561-468.0125427,271.2515869-467.5097046,271.2515869z"/></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  transition: inherit;
}
.slick-carousel .slick-arrow.slick-next {
  right: -2rem;
}
.slick-carousel .slick-arrow.slick-next:after {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="20px" height="20px" viewBox="-481.4169922 271.0341797 20 20" style="enable-background:new -481.4169922 271.0341797 20 20;" fill="%23fff"><path d="M-475.3242798,290.8167725c-0.5028076,0-1.0072327-0.1921387-1.3915405-0.5764771 c-0.7686462-0.7686462-0.7686462-2.0144958,0-2.7831421l6.4229736-6.4229736l-6.4229736-6.4229736 c-0.7686462-0.7686462-0.7686462-2.0144958,0-2.7831421c0.7686157-0.7686462,2.0144653-0.7686462,2.7831116,0l7.8145447,7.8145447 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421l-7.8145447,7.8145447 C-474.3170166,290.6246338-474.8214417,290.8167725-475.3242798,290.8167725z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="20px" height="20px" viewBox="-481.4169922 271.0341797 20 20" style="enable-background:new -481.4169922 271.0341797 20 20;" fill="%23fff"><path d="M-475.3242798,290.8167725c-0.5028076,0-1.0072327-0.1921387-1.3915405-0.5764771 c-0.7686462-0.7686462-0.7686462-2.0144958,0-2.7831421l6.4229736-6.4229736l-6.4229736-6.4229736 c-0.7686462-0.7686462-0.7686462-2.0144958,0-2.7831421c0.7686157-0.7686462,2.0144653-0.7686462,2.7831116,0l7.8145447,7.8145447 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421l-7.8145447,7.8145447 C-474.3170166,290.6246338-474.8214417,290.8167725-475.3242798,290.8167725z"/></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  transition: inherit;
}
.slick-carousel .slick-arrow:hover {
  background: #fff;
  color: #40a8e5;
}
.slick-carousel .slick-arrow:before {
  display: none;
}
.slick-carousel .slick-arrow:after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  transition: none;
}
.slick-carousel .slick-dots li button {
  height: 0.4rem;
  background: #b0b0b0;
  border-radius: 50rem;
}
.slick-carousel .slick-dots li.slick-active button {
  background: #40a8e5;
}

/*
|----------------------------------------------------------------------
|       Review
|----------------------------------------------------------------------
*/
.review {
  display: flex;
  -webkit-box-orient: vertical;
}
.review:not(:nth-last-child(1)) {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 0.1rem solid #eee;
}
.review .ico {
  width: 5rem;
  min-width: 5rem;
  height: 5rem;
  margin-right: 2rem;
}
.review .txt {
  width: 100%;
}
.review .ico_txt {
  width: 100%;
  display: flex;
  -webkit-box-orient: vertical;
  margin-bottom: 1rem;
}
@media (max-width: 475px) {
  .review .ico_txt {
    flex-flow: column;
  }
}
.review .ico_txt .title {
  flex: 1;
  margin-right: 1rem;
}
@media (max-width: 475px) {
  .review .ico_txt .title {
    margin: 0 0 1rem;
  }
}
.review .ico_txt h5 {
  margin: 0 0 0.5rem;
}
@media (max-width: 475px) {
  .review .ico_txt h5 {
    margin: 0;
  }
}
.review .ico_txt .date {
  color: #b0b0b0;
  font-weight: 400;
}
.review .review {
  margin-top: 1.5rem;
}
.review .review .ico {
  width: 3.2rem;
  min-width: 3.2rem;
  height: 3.2rem;
}
.review h6 {
  margin: 0 0 0.4rem;
}

/*
|----------------------------------------------------------------------
|       App Block
|----------------------------------------------------------------------
*/
.app_load {
  position: relative;
  min-height: 20rem;
}
.app_load .spinner {
  width: 4rem;
  height: 4rem;
  border: 0.4rem solid #40a8e5;
  border-right: 0.4rem solid rgba(24, 24, 24, 0.05);
  border-radius: 75%;
  animation: spin 0.5s linear infinite;
}

/*_____ fancybox _____*/
[data-fancybox] {
  display: block;
  cursor: pointer;
}

.fancybox__container .fancybox__thumbs .carousel__slide .fancybox__thumb:after {
  border: 0.3rem solid #40a8e5 !important;
}

/*
|----------------------------------------------------------------------
|       Cover
|----------------------------------------------------------------------
*/
#cover {
  background-color: #181818;
  background-position: 0 80%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0;
}
#cover:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #181818;
  opacity: 0.4;
}
#cover.long .flex_box {
  min-height: 50rem;
  align-items: center;
}
#cover .contain {
  z-index: 3;
}
#cover .flex_box {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  min-height: 20rem;
  padding: 8rem 0;
}
#cover .flex_box.center {
  align-items: center;
}
#cover .content {
  width: 100%;
  max-width: 70rem;
  color: #fff;
  text-align: center;
  margin: 0 auto;
}
#cover .content > h1 {
  margin-bottom: 0;
  line-height: 1.1;
  text-shadow: 0.5rem 0.5rem 0.5rem rgba(24, 24, 24, 0.3);
}
@media (max-width: 991px) {
  #cover .content > h1 {
    font-size: 3.6rem;
  }
}
@media (max-width: 576px) {
  #cover .content > h1 {
    font-size: 3.2rem;
  }
}
#cover .content > h1 + * {
  margin-top: 3rem;
}
#cover .content > p {
  color: inherit;
  font-size: 1.6rem;
  text-shadow: 0.5rem 0.5rem 0.5rem rgba(24, 24, 24, 0.2);
}
@media (max-width: 767px) {
  #cover .content > p {
    font-size: 1.4rem;
  }
}
#cover .content > p:empty {
  display: none;
}
#cover .form_blk {
  max-width: 60rem;
  color: #181818;
  margin-left: auto;
  margin-right: auto;
}
#cover .form_blk > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  left: 1.4rem;
  right: initial;
  width: 1.8rem;
  height: 1.8rem;
  margin: auto;
}
#cover .form_blk > img + .input {
  padding-left: 4rem;
}
#cover .form_blk > .input {
  height: 5.6rem;
}

/*
|----------------------------------------------------------------------
|       Owl-Carousel
|----------------------------------------------------------------------
*/
.owl-carousel.owl-theme .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0;
}
@media (max-width: 991px) {
  .owl-carousel.owl-theme .owl-nav {
    top: 42%;
  }
}
.owl-carousel.owl-theme .owl-nav .owl-prev {
  left: 1rem;
}
@media (max-width: 991px) {
  .owl-carousel.owl-theme .owl-nav .owl-prev {
    left: 1em;
  }
}
.owl-carousel.owl-theme .owl-nav .owl-prev:after {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="20px" height="20px" viewBox="-481.4169922 271.0341797 20 20" style="enable-background:new -481.4169922 271.0341797 20 20;" fill="%23fff"><path d="M-467.5097046,271.2515869c0.5028076,0,1.0072327,0.1921692,1.3915405,0.5764771 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421l-6.4229736,6.4229736l6.4229736,6.4229736 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421s-2.0144653,0.7686462-2.7831116,0l-7.8145752-7.8145447 c-0.7686157-0.7686462-0.7686157-2.0144958,0-2.7831421l7.8145752-7.8145447 C-468.5169678,271.4437561-468.0125427,271.2515869-467.5097046,271.2515869z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="20px" height="20px" viewBox="-481.4169922 271.0341797 20 20" style="enable-background:new -481.4169922 271.0341797 20 20;" fill="%23fff"><path d="M-467.5097046,271.2515869c0.5028076,0,1.0072327,0.1921692,1.3915405,0.5764771 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421l-6.4229736,6.4229736l6.4229736,6.4229736 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421s-2.0144653,0.7686462-2.7831116,0l-7.8145752-7.8145447 c-0.7686157-0.7686462-0.7686157-2.0144958,0-2.7831421l7.8145752-7.8145447 C-468.5169678,271.4437561-468.0125427,271.2515869-467.5097046,271.2515869z"/></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  transition: inherit;
}
.owl-carousel.owl-theme .owl-nav .owl-next {
  right: 1rem;
}
@media (max-width: 991px) {
  .owl-carousel.owl-theme .owl-nav .owl-next {
    right: 1em;
  }
}
.owl-carousel.owl-theme .owl-nav .owl-next:after {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="20px" height="20px" viewBox="-481.4169922 271.0341797 20 20" style="enable-background:new -481.4169922 271.0341797 20 20;" fill="%23fff"><path d="M-475.3242798,290.8167725c-0.5028076,0-1.0072327-0.1921387-1.3915405-0.5764771 c-0.7686462-0.7686462-0.7686462-2.0144958,0-2.7831421l6.4229736-6.4229736l-6.4229736-6.4229736 c-0.7686462-0.7686462-0.7686462-2.0144958,0-2.7831421c0.7686157-0.7686462,2.0144653-0.7686462,2.7831116,0l7.8145447,7.8145447 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421l-7.8145447,7.8145447 C-474.3170166,290.6246338-474.8214417,290.8167725-475.3242798,290.8167725z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="20px" height="20px" viewBox="-481.4169922 271.0341797 20 20" style="enable-background:new -481.4169922 271.0341797 20 20;" fill="%23fff"><path d="M-475.3242798,290.8167725c-0.5028076,0-1.0072327-0.1921387-1.3915405-0.5764771 c-0.7686462-0.7686462-0.7686462-2.0144958,0-2.7831421l6.4229736-6.4229736l-6.4229736-6.4229736 c-0.7686462-0.7686462-0.7686462-2.0144958,0-2.7831421c0.7686157-0.7686462,2.0144653-0.7686462,2.7831116,0l7.8145447,7.8145447 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421l-7.8145447,7.8145447 C-474.3170166,290.6246338-474.8214417,290.8167725-475.3242798,290.8167725z"/></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  transition: inherit;
}
.owl-carousel.owl-theme .owl-nav .owl-prev,
.owl-carousel.owl-theme .owl-nav .owl-next {
  position: absolute;
  top: 0;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  background: #fff;
  color: #181818;
  margin: 0;
  border-radius: 75%;
  box-shadow: 0 0.7rem 3.5rem -0.5rem rgba(24, 24, 24, 0.1), 0 -0.5rem 1rem -0.6rem rgba(24, 24, 24, 0.1);
}
.owl-carousel.owl-theme .owl-nav .owl-prev:hover,
.owl-carousel.owl-theme .owl-nav .owl-next:hover {
  background: #fff;
  color: #40a8e5;
}
.owl-carousel.owl-theme .owl-nav .owl-prev > span,
.owl-carousel.owl-theme .owl-nav .owl-next > span {
  display: none;
}
.owl-carousel.owl-theme .owl-nav .owl-prev i,
.owl-carousel.owl-theme .owl-nav .owl-next i {
  line-height: 0;
}
.owl-carousel.owl-theme .owl-dots {
  left: 0;
  right: 0;
  bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  gap: 0 0.5rem;
  padding: 0;
  margin: 2rem 0 0;
  list-style: none;
  text-align: center;
}
.owl-carousel.owl-theme .owl-dots .owl-dot {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 2.4rem;
  height: 0.3rem;
  background: #b0b0b0;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  border-radius: 50rem;
  outline: none;
}
.owl-carousel.owl-theme .owl-dots .owl-dot:hover {
  background: rgba(255, 82, 82, 0.5);
}
.owl-carousel.owl-theme .owl-dots .owl-dot.active {
  width: 2.4rem;
  background: #ff5252;
}
.owl-carousel.owl-theme .owl-dots .owl-dot > span {
  display: none;
}

/*
|----------------------------------------------------------------------
|       Body
|----------------------------------------------------------------------
*/
@media (max-width: 475px) {
  body {
    font-size: 1.4rem;
  }
}

#root {
  padding-top: 8rem;
  overflow: initial;
}

h1.tag,
h2.tag,
h3.tag,
h4.tag,
h5.tag,
h6.tag {
  display: inline-flex;
  align-items: center;
  -webkit-box-orient: vertical;
  background: rgba(25, 203, 166, 0.2);
  color: #19cba6;
  font-weight: 500;
  padding: 0.6rem 1.2rem;
  text-transform: uppercase;
  border-radius: 5rem;
}
h1.heading > span,
h2.heading > span,
h3.heading > span,
h4.heading > span,
h5.heading > span,
h6.heading > span {
  background: linear-gradient(36deg, #40a8e5, #ff5252);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.input {
  height: 5rem;
  border-radius: 0.5rem;
}

#oops {
  background: #fff;
}
#oops .contain {
  position: relative;
  z-index: 3;
}
#oops .icon {
  font-size: 16rem;
}

#cover {
  background: #fff;
}
#cover:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #40a8e5;
  opacity: 0.07;
}
#cover .content {
  color: #181818;
}
#cover .content > h1,
#cover .content > p {
  text-shadow: none;
}

.check_list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-flow: wrap;
  margin: -0.2rem -1.5rem;
}
.check_list > li {
  padding: 0.2rem 1.5rem;
}
.check_list > li label {
  display: flex;
  align-items: center;
  -webkit-box-orient: vertical;
}
.check_list > li label span {
  margin-left: 1rem;
}

.contain-fluid {
  max-width: none;
  padding: 0 6rem;
}
@media (max-width: 991px) {
  .contain-fluid {
    padding: 0 1.5rem;
  }
}

/*
|----------------------------------------------------------------------
|       Header
|----------------------------------------------------------------------
*/
header {
  position: fixed;
  top: 0;
  right: 0;
  bottom: initial;
  left: 0;
  z-index: 30;
  background: #fff;
  transition: all ease 0.5s;
}
header .top_nav {
  background-color: #40a8e5;
  padding: 1rem 0;
}
@media (max-width: 1024px) {
  header .top_nav {
    display: none;
  }
}
header .top_nav .flex .colL {
  width: 45%;
  align-self: center;
}
header .top_nav .flex .colL p {
  color: #fff;
}
header .top_nav .flex .colR {
  width: 55%;
  padding-left: 2rem;
}
header .top_nav .flex .colR ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  -webkit-box-orient: vertical;
  gap: 3rem;
  justify-content: flex-end;
}
header .top_nav .flex .colR ul li {
  align-self: center;
}
header .top_nav .flex .colR ul li a {
  color: #fff;
  font-size: 1.6rem;
  display: flex;
  -webkit-box-orient: vertical;
  gap: 0.7rem;
}
header .top_nav .flex .colR ul li a i {
  align-self: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  font-size: 1.6rem;
  background-color: #ff5252;
  color: #181818;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}
header .top_nav .flex .colR ul li a span {
  align-self: center;
}
header .top_nav .flex .colR ul li a span em {
  display: block;
  text-transform: uppercase;
  font-style: normal;
  font-size: 1.2rem;
  color: #fff;
}
header .top_nav .flex .colR ul li.btn_blk .sm {
  padding: 0 2rem;
  padding: 0 2rem;
  font-size: 1.5rem !important;
}
header.fix {
  box-shadow: 0 4rem 3rem rgba(24, 24, 24, 0.05);
  background: #ffffffbf;
}
header.fix .logo{
  max-width: 20rem;
  height: 6rem;
  transition:all 0.5s ease;
}
header.fix nav{
  height: 6rem;
  transition:all 0.5s ease;
}
header.logged {
  border-bottom: none;
  box-shadow: none;
}
header.logged .toggle {
  display: none;
}
@media (max-width: 991px) {
  header.logged .toggle {
    display: flex;
    -webkit-box-orient: vertical;
  }
}
header.logged ~ section:nth-of-type(1) {
  padding-top: 3rem;
}
header.logged:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 30rem;
  background-color: #40a8e5;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 1024px) {
  header.logged:before {
    display: none;
  }
}
header .tog_opt {
  width: 7.8rem;
  height: 4.2rem;
  right: 10px;
  top: 1.8rem;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(6, 18, 55, 0.1215686275);
  border-radius: 20px;
  padding: 0 0.3rem;
}
header .tog_opt ._img {
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #ff5252;
  padding: 0.5rem;
  margin-left: auto;
}
header .toggle {
  z-index: 12;
}
header #icon_btn {
  display: flex;
  align-items: center;
  -webkit-box-orient: vertical;
  list-style: none;
  padding: 0;
  margin: 0;
  margin: 0 -2rem;
  margin-left: 2rem;
}
header #icon_btn li {
  padding: 0 2rem;
}
header #icon_btn li#noti .active img {
  animation: ring 4s 2s ease-in-out infinite;
}
header #icon_btn li > a,
header #icon_btn li > button {
  position: relative;
  display: flex;
  -webkit-box-orient: vertical;
  width: 2.2rem;
  min-width: 2.2rem;
  height: 2.2rem;
  background: transparent;
  padding: 0;
  border: 0;
}
header #icon_btn li > a.active::before,
header #icon_btn li > button.active::before {
  content: "";
}
header #icon_btn li > a.active > img,
header #icon_btn li > button.active > img {
  filter: none;
}
header #icon_btn li > a::before,
header #icon_btn li > button::before {
  position: absolute;
  top: -0.1rem;
  right: 0.2rem;
  width: 1rem;
  height: 1rem;
  background: #40a8e5;
  border: 0.2rem solid #fff;
  border-radius: 75%;
  z-index: 1;
}
header #icon_btn li > a > img,
header #icon_btn li > button > img {
  transition: inherit;
}
header #pro_btn {
  display: flex;
  align-items: center;
  -webkit-box-orient: vertical;
  cursor: pointer;
  margin-left: 3rem;
  z-index: 5;
}
@media (max-width: 767px) {
  header #pro_btn {
    margin-left: 2rem;
  }
}
@media (max-width: 375px) {
  header #pro_btn {
    margin-left: 1.5rem;
  }
}
header #pro_btn .pro_btn {
  display: flex;
  align-items: center;
  -webkit-box-orient: vertical;
}
header #pro_btn .ico {
  width: 4rem;
  height: 4rem;
}
header #pro_btn .ico.icon {
  background: rgba(64, 168, 229, 0.1);
  border-radius: 0.6rem;
  box-shadow: none;
}
header #pro_btn .ico.icon > img {
  -o-object-fit: contain;
  object-fit: contain;
}
header #pro_btn .name {
  line-height: 1.2;
  margin-right: 1.5rem;
  text-align: right;
}
@media (max-width: 576px) {
  header #pro_btn .name {
    display: none;
  }
}
header #pro_btn .name > span {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  -webkit-box-orient: vertical;
  color: #b0b0b0;
  margin-top: 0.2rem;
}
header #pro_btn .name > span:before {
  content: "";
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  background: #19cba6;
  margin-right: 0.5rem;
  border-radius: 75%;
}
header #pro_btn .drop_cnt {
  left: initial;
  right: 0;
  min-width: 18rem;
  max-height: calc(100vh - 8rem);
  overflow: auto;
}
header #pro_btn .drop_lst > li:nth-last-child(1) > a {
  color: #f31f34;
}
header .nav_sub_blk {
  width: 26rem;
  min-width: 26rem;
  font-size: 1.6rem;
}
header .nav_sub_blk .ico {
  width: 6rem;
  min-width: 6rem;
  height: 6rem;
  background: rgba(64, 168, 229, 0.2);
  margin-bottom: 1.5rem;
  padding: 1rem;
  border-radius: 0.7rem;
}
header .nav_sub_blk .txt p {
  opacity: 0.9;
}

.logo {
  float: left;
  position: relative;
  display: flex;
  align-items: center;
  -webkit-box-orient: vertical;
  width: 100%;
  max-width: 24rem;
  height: 8rem;
  margin: auto;
  transition: all ease 0.5s;
  z-index: 1;
}
@media (max-width: 475px) {
  .logo {
    max-width: 15rem;
    height: 5rem;
  }
}
.logo > a {
  display: block;
  width: auto;
  max-width: 100%;
  height: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
}
.logo > a h4 {
  margin-bottom: 0;
  font-size: 2rem;
  text-transform: uppercase;
  color: #40a8e5;
}
.logo > a > img {
  height: 100%;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  transition: all ease 0.5s;
}
header.logged .logo {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}
@media (max-width: 1024px) {
  header.logged .logo {
    filter: brightness(1) invert(0);
    -webkit-filter: brightness(1) invert(0);
  }
}
@media (max-width: 991px) {
  header.logged .logo {
    margin-left: 5rem;
  }
}
@media (max-width: 475px) {
  header.logged .logo {
    max-width: 19rem;
    margin-left: 3rem;
  }
}
footer .logo {
  max-width: 17rem;
  height: auto;
  margin: -0.8rem 0 2rem;
}
#oops .logo {
  max-width: 14rem;
  height: auto;
  margin: 0 auto 3rem;
}
#oops .logo > a {
  width: 100%;
}

/*
|----------------------------------------------------------------------
|       Navigation
|----------------------------------------------------------------------
*/
nav {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  -webkit-box-orient: vertical;
  height: 8rem;
  margin-left: auto;
  margin-top: -0.2rem;
}
@media (max-width: 991px) {
  nav {
    margin: 0;
  }
}
header.logged nav {
  margin-right: 0;
}
#nav {
  position: relative;
  display: flex;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  flex: 1;
  transition: all ease 0.5s;
  float: right;
  margin: auto;
}
@media (max-width: 1024px) {
  #nav {
    position: fixed;
    top: 8rem;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-flow: wrap;
    align-content: space-between;
    width: auto;
    max-width: unset;
    background: #fff;
    margin: 0;
    padding: 2rem 5rem;
    border-top: 0.2rem solid rgba(24, 24, 24, 0.1);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    overflow: auto;
    z-index: 3;
    top: 0;
    height: 100vh;
  }
  #nav.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}
#nav > .nav_neg {
  margin-left: -10rem;
}
#nav > ul {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  list-style: none;
  padding: 0;
  margin: 0;
  margin: 0 -2rem;
}
@media (max-width: 1024px) {
  #nav > ul {
    width: 100%;
    flex-flow: wrap;
    margin: 0;
  }
}
#nav > ul > li {
  position: relative;
  padding: 0 20px;
}
@media (max-width: 1024px) {
  #nav > ul > li {
    width: 100%;
    padding: 0;
  }
  #nav > ul > li .site_btn {
    margin-top: 0.5rem;
  }
}
@media (max-width: 1024px) and (max-width: 1024px) {
  #nav > ul > li .site_btn {
    margin: auto;
    margin-top: 2rem;
  }
}
@media (max-width: 1024px) and (max-width: 475px) {
  #nav > ul > li .site_btn {
    width: 100%;
  }
}
#nav > ul > li.show_res {
  display: none;
}
@media (max-width: 1024px) {
  #nav > ul > li.show_res {
    display: block;
  }
}
#nav > ul > li > a:not(.site_btn) {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  display: inline-flex;
  height: 4rem;
  color: #181818;
  text-align: center;
  font-family: "Regular";
  font-size: 1.6rem;
  text-transform: capitalize;
}
#nav > ul > li > a:not(.site_btn):hover, #nav > ul > li > a:not(.site_btn).active {
  color: #40a8e5 !important;
}
@media (max-width: 1024px) {
  #nav > ul > li > a:not(.site_btn) {
    font-size: 1.8rem;
    height: 7rem;
  }
}
#nav > ul > li.active > a:not(.site_btn) {
  color: #40a8e5;
}
#nav > ul > li .site_btn:hover {
  background-color: #000;
}
#nav > ul > li .site_btn.active {
  color: #fff !important;
}
#nav > ul > li > .sub {
  position: absolute;
  top: calc(100% - 0.4rem);
  right: 0;
  left: 0;
  z-index: 2;
  background: #fff;
  width: 23rem;
  text-align: left;
  padding: 0;
  margin-top: 1rem;
  visibility: hidden;
  opacity: 0;
  border: 0.1rem solid rgba(24, 24, 24, 0.05);
  border-radius: 0.6rem;
  transition: none;
  box-shadow: 0 0.7rem 3.5rem -0.5rem rgba(24, 24, 24, 0.1), 0 -0.5rem 1rem -0.6rem rgba(24, 24, 24, 0.1);
  pointer-events: none;
  transition: all ease 0.5s;
  overflow: hidden;
}
@media (max-width: 1024px) {
  #nav > ul > li > .sub {
    position: static;
    display: none;
    width: -moz-fit-content;
    width: fit-content;
    max-height: none;
    background: transparent;
    visibility: visible;
    opacity: 1;
    padding: 0;
    border: 0;
    border-radius: 0;
    transition: none;
    box-shadow: none;
  }
}
#nav > ul > li > .sub.active {
  display: block;
}
#nav > ul > li > .sub > li {
  display: block;
}
#nav > ul > li > .sub > li > a {
  display: block;
  color: #181818;
  padding: 0.7rem 1rem;
}
@media (max-width: 1024px) {
  #nav > ul > li > .sub > li > a {
    display: inline-flex;
    -webkit-box-orient: vertical;
    font-size: 1.7rem;
    opacity: 0.9;
    padding: 0.7rem 0;
  }
}
#nav > ul > li > .sub > li > a:hover {
  background: rgba(64, 168, 229, 0.05);
  color: #40a8e5;
}
@media (max-width: 1024px) {
  #nav > ul > li > .sub > li > a:hover {
    background-color: transparent;
  }
}
#nav > ul > li:hover > .sub {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
  pointer-events: auto;
}
#nav > ul > li.drop > a {
  position: relative;
}
#nav > ul > li.drop > a:after {
  content: "";
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="300px" height="300px" fill="%23040707" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"><polygon points="78.6356201,306.8178101 -5.0166931,390.4367371 -88.6356277,306.8178101 -137, 355.1821899 -5.0166931,487.1821899 127,355.1821899 "/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="300px" height="300px" fill="%23040707" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"><polygon points="78.6356201,306.8178101 -5.0166931,390.4367371 -88.6356277,306.8178101 -137, 355.1821899 -5.0166931,487.1821899 127,355.1821899 "/></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  transition: inherit;
  width: 1rem;
  height: 1rem;
  color: inherit;
  margin-left: 0.6rem;
}
#nav > ul.log_btns li {
  padding: 0 0.7rem;
}
#nav > #lst {
  flex: 1;
}
#nav > #cta {
  margin-left: 2rem;
  margin-right: -1rem;
}
#nav > #cta > li {
  padding: 0 1rem;
}
@media (max-width: 991px) {
  #nav > #cta {
    margin: auto 0 0;
  }
}

footer {
  position: relative;
  background: #303030;
  padding-top: 7rem;
  font-size: 1.4rem;
}
footer:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: url(../assets/images/footer-overlay.svg);
  background-position: bottom;
  background-repeat: repeat-x;
  opacity: 0.08;
}
@media (max-width: 767px) {
  footer {
    padding-top: 2rem;
  }
}
footer .footer_logo {
  max-width: 20rem;
  height: 8rem;
  margin-bottom: 2rem;
  overflow: hidden;
}
footer .footer_logo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
footer .copy_right {
  border-top: 1.5px solid rgba(48, 48, 48, 0.61);
  padding: 3rem 0;
  margin-top: 5rem;
}
@media (max-width: 767px) {
  footer .copy_right {
    margin-top: 0rem;
  }
}
footer .copy_right p {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0;
}
@media (max-width: 767px) {
  footer .copy_right p {
    text-align: center;
  }
}
footer .copy_right ._inner {
  text-align: center;
}
footer .social_lnks {
  list-style-type: none;
  display: flex;
  gap: 1rem;
  align-self: center;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 2rem;
}
footer .social_lnks li a {
  width: 3rem;
  height: 3rem;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: block;
}
footer .social_lnks li a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
footer .flex .col {
  width: 23.3333333333%;
  padding: 0 2rem;
}
@media (max-width: 991px) {
  footer .flex .col {
    padding: 2rem;
    width: 50%;
  }
}
@media (max-width: 767px) {
  footer .flex .col {
    width: 100%;
    padding: 2rem 0;
  }
}
footer .flex .col p {
  color: rgba(255, 255, 255, 0.8);
}
footer .flex .col:first-child {
  padding-left: 0;
}
@media (max-width: 991px) {
  footer .flex .col:nth-child(3) {
    padding-left: 0;
  }
}
footer .flex .col:last-child {
  width: 30%;
  padding-right: 0;
}
@media (max-width: 991px) {
  footer .flex .col:last-child {
    width: 50%;
  }
}
@media (max-width: 767px) {
  footer .flex .col:last-child {
    width: 100%;
  }
}
footer h5 {
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  color: rgba(255, 255, 255, 0.9);
  font-family: "Regular";
  font-size: 1.5rem;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  padding-bottom: 1rem;
}
footer h5:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  height: 0.4rem;
  width: 5rem;
  background-color: #40a8e5;
}
footer ul.lst {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}
footer ul.lst li {
  margin-bottom: 1rem;
}
footer ul.lst li a {
  color: rgba(255, 255, 255, 0.8);
}
footer ul.lst li a:hover {
  color: #40a8e5;
}
footer form label {
  font-size: 1.2rem;
  margin-bottom: 7px;
  color: rgba(255, 255, 255, 0.5);
}
footer form .input {
  border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  -ms-border-radius: 5rem;
  -o-border-radius: 5rem;
}
footer form .txtGrp {
  color: #080a0f;
  margin: 10px 0 30px;
  position: relative;
}
footer form button {
  margin-top: 1rem;
  width: 100%;
}

.banner {
  position: relative;
  padding: 7rem 0;
}
@media (max-width: 475px) {
  .banner {
    padding: 5rem 0;
  }
}
.banner .contain {
  z-index: 3;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
}
.banner .cntnt {
  max-width: 100rem;
  text-align: center;
  margin: 0 auto;
}
.banner .cntnt h1 {
  color: #fff;
}
.banner .cntnt p {
  color: #fff;
  margin: 2rem 0;
}
@media (max-width: 475px) {
  .banner .cntnt .btn_blk .site_btn {
    width: 100%;
  }
}
.banner .videoBanner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.banner .videoBanner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(24, 24, 24, 0.7);
  opacity: 0.5;
  z-index: 1;
}
.banner .videoBanner video {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.banner .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  opacity: 0.3;
}
.banner .overlay video {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.sec_heading h5 {
  text-transform: uppercase;
  letter-spacing: 1rem;
  color: #40a8e5;
  margin-bottom: 2rem;
}

.abt_section {
  padding-top: 0;
}
.abt_section .flex .colL {
  width: 50%;
  padding-right: 2rem;
  align-self: center;
}
@media (max-width: 991px) {
  .abt_section .flex .colL {
    width: 100%;
    padding-right: 0;
  }
}
.abt_section .flex .sec_heading h5 {
  color: #60c061;
}
.abt_section .flex .colR {
  width: 50%;
  padding-left: 2rem;
  align-self: center;
}
@media (max-width: 991px) {
  .abt_section .flex .colR {
    width: 100%;
    padding-left: 0;
    padding-top: 2rem;
  }
}
.abt_section .flex .image {
  position: relative;
  background: #fff;
  padding: 2.5rem;
  border-radius: 1rem;
  box-shadow: 0 0.7rem 3.5rem -0.5rem rgba(24, 24, 24, 0.1), 0 -0.5rem 1rem -0.6rem rgba(24, 24, 24, 0.1);
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  padding: 0;
  padding-bottom: 80%;
  overflow: hidden;
  box-shadow: none;
  background-color: transparent;
}
.abt_section .flex .image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.abt_section .ceo_msg {
  background-color: rgba(255, 82, 82, 0.1);
  padding: 5rem;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  margin-top: 9rem;
}
@media (max-width: 475px) {
  .abt_section .ceo_msg {
    padding: 3rem;
    margin-top: 5rem;
  }
}
.abt_section .ceo_msg p {
  font-style: italic;
  font-size: 2rem;
}
.abt_section .ceo_msg h5 {
  margin-bottom: 0;
  color: #ff5252;
}
@media (max-width: 475px) {
  .abt_section .site_btn {
    width: 100%;
  }
}

.trusted_sec .sec_heading {
  margin-bottom: 2rem;
}
@media (max-width: 475px) {
  .trusted_sec .sec_heading {
    margin-bottom: 2rem;
  }
}
.trusted_sec .item .icon {
  width: 100%;
  height: 8rem;
  overflow: hidden;
  background-color: rgba(24, 24, 24, 0.05);
  padding: 1.5rem;
  display: block;
}
.trusted_sec .item .icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.testimonials {
  padding-top: 0;
}
.testimonials .sec_heading {
  max-width: 80rem;
  text-align: center;
  margin: 0 auto 3rem;
}
.testimonials .flex .colL {
  width: 65%;
  padding-right: 2rem;
}
@media (max-width: 991px) {
  .testimonials .flex .colL {
    width: 100%;
    padding-right: 0;
    margin-bottom: 2rem;
  }
}
.testimonials .flex .colL .testimonial_silder {
  background: url(../assets/images/bg2.png);
  background-color: rgba(64, 168, 229, 0.05);
  padding: 5rem;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
@media (max-width: 475px) {
  .testimonials .flex .colL .testimonial_silder {
    padding: 3rem;
    padding-bottom: 8rem;
  }
}
.testimonials .flex .colR {
  width: 35%;
  padding-left: 2rem;
}
@media (max-width: 991px) {
  .testimonials .flex .colR {
    width: 100%;
    padding-left: 0;
  }
}
.testimonials .flex .colR .blk_total {
  background-color: #40a8e5;
  padding: 5rem;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-flow: column;
}
@media (max-width: 475px) {
  .testimonials .flex .colR .blk_total {
    padding: 3rem;
  }
}
.testimonials .flex .colR .blk_total * {
  color: #fff;
}
.testimonials .flex .colR .blk_total h3 {
  font-size: 2.2rem;
  margin-bottom: 0;
  font-family: "Medium";
}
.testimonials .flex .colR .blk_total h1 {
  font-size: 8rem;
}
@media (max-width: 475px) {
  .testimonials .flex .colR .blk_total h1 {
    font-size: 4rem;
  }
}
.testimonials .testimonial_silder .owl-nav {
  top: unset;
  bottom: 7rem;
  left: unset;
  right: 2rem;
}
.testimonials .testimonial_silder .owl-nav .owl-prev {
  left: auto;
  right: 6rem;
}
.testimonials .testimonial_silder .owl-nav .owl-prev, .testimonials .testimonial_silder .owl-nav .owl-next {
  background: #40a8e5;
  color: #fff;
  transition: all ease 0.5s;
}
.testimonials .testimonial_silder .item p {
  font-style: italic;
  font-size: 2rem;
}
.testimonials .testimonial_silder .item .info_user {
  display: flex;
  -webkit-box-orient: vertical;
  gap: 1rem;
}
.testimonials .testimonial_silder .item .info_user .icon {
  width: 7rem;
  height: 7rem;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  overflow: hidden;
  border: 1px solid rgba(64, 168, 229, 0.2);
  background-color: #fff;
}
.testimonials .testimonial_silder .item .info_user .icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.testimonials .testimonial_silder .item .info_user .cntnt {
  flex: 1;
  align-self: center;
}
.testimonials .testimonial_silder .item .info_user .cntnt h6 {
  margin-bottom: 0;
  color: #40a8e5;
}
.testimonials .testimonial_silder .item .info_user .cntnt h5 {
  margin-bottom: 0.5rem;
}

.cta_sec {
  padding-top: 0;
}
.cta_sec .sec_heading h5 {
  color: #60c061;
}
.cta_sec .sec_heading h2{
  margin-bottom: 0;
}
.cta_sec .flex {
  background: linear-gradient(45deg, #bbefc2, #cdecf8, #fdc4c4);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 8rem;
}
@media (max-width: 991px) {
  .cta_sec .flex {
    padding: 4rem;
  }
}
.cta_sec .flex .colL {
  width: 50%;
  padding-right: 2rem;
  align-self: center;
}
@media (max-width: 991px) {
  .cta_sec .flex .colL {
    width: 100%;
    padding-right: 0;
  }
}
.cta_sec .flex .colR {
  width: 50%;
  padding-left: 2rem;
}
@media (max-width: 991px) {
  .cta_sec .flex .colR {
    width: 100%;
    padding-left: 0;
    margin-top: 2rem;
  }
}
.cta_sec .flex .colR h3 {
  margin-bottom: 2rem;
}
.cta_sec .flex .colR ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.cta_sec .flex .colR ul li {
  padding-left: 2.5rem;
  margin-bottom: 1rem;
  position: relative;
}
.cta_sec .flex .colR ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url(../assets/images/before.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
}
.cta_sec .flex .colR .btn_blk {
  margin-top: 3rem;
}
@media (max-width: 475px) {
  .cta_sec .flex .colR .btn_blk .site_btn {
    width: 100%;
  }
}

.news_sec {
  background-color: rgba(255, 82, 82, 0.1);
}
.news_sec .sec_heading {
  max-width: 70rem;
  margin-bottom: 3rem;
}
.news_sec .sec_heading h5 {
  color: #ff5252;
}
.news_sec .flex {
  margin: -1rem;
}
.news_sec .flex .col {
  flex: unset;
  padding: 1rem;
  width: 33.3333333333%;
}
@media (max-width: 475px) {
  .news_sec .flex .col {
    width: 100%;
  }
}
.news_sec .flex .col .inner .image {
  display: block;
  position: relative;
  background: #fff;
  padding: 2.5rem;
  border-radius: 1rem;
  box-shadow: 0 0.7rem 3.5rem -0.5rem rgba(24, 24, 24, 0.1), 0 -0.5rem 1rem -0.6rem rgba(24, 24, 24, 0.1);
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  padding: 0;
  padding-bottom: 50%;
  overflow: hidden;
  box-shadow: none;
  background-color: transparent;
}
.news_sec .flex .col .inner .image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  transition: all ease 0.5s;
}
.news_sec .flex .col .inner .image:hover img {
  transition: all ease 0.5s;
  transform: scale(1.2);
}
.news_sec .flex .col .inner .cntnt {
  margin-top: 1.5rem;
}
.news_sec .flex .col .inner .cntnt h3 {
  font-size: 2rem;
}
.news_sec .flex .col .inner .cntnt h3 a:hover {
  color: #ff5252;
}
.news_sec .flex .col .inner .cntnt .date {
  font-size: 1.3rem;
  opacity: 0.7;
  margin-bottom: 1rem;
}
.news_sec .flex .col .inner .cntnt > a {
  text-decoration: underline;
  color: #ff5252;
  font-size: 1.4rem;
}
.news_sec .flex .col .inner .cntnt p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news_sec .btn_blk {
  margin-top: 4rem;
}
@media (max-width: 475px) {
  .news_sec .btn_blk .site_btn {
    width: 100%;
  }
}
.news_sec .play_btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
}
.news_sec .play_btn i {
  width: 5rem;
  height: 5rem;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.9);
  color: #ff5252;
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
}

.faq_sec .sec_heading {
  text-align: center;
  margin-bottom: 2rem;
}
.faq_sec .flex .colL {
  width: 50%;
  padding-right: 2rem;
}
@media (max-width: 991px) {
  .faq_sec .flex .colL {
    width: 100%;
    padding-right: 0;
  }
}
.faq_sec .flex .colR {
  width: 50%;
  padding-left: 2rem;
}
@media (max-width: 991px) {
  .faq_sec .flex .colR {
    display: none;
  }
}
.faq_sec .flex .colR .image {
  position: relative;
  background: #fff;
  padding: 2.5rem;
  border-radius: 1rem;
  box-shadow: 0 0.7rem 3.5rem -0.5rem rgba(24, 24, 24, 0.1), 0 -0.5rem 1rem -0.6rem rgba(24, 24, 24, 0.1);
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  padding: 0;
  padding-bottom: 80%;
  overflow: hidden;
  box-shadow: none;
  background-color: transparent;
}
.faq_sec .flex .colR .image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.faq_sec .faqLst > .faqBlk {
  position: relative;
  display: block;
  background: #f8f7fc;
  padding: 20px 0;
  margin-bottom: 10px;
  border-radius: 10px;
  transition: all ease 0.5s;
  border: 1px solid rgba(221, 221, 221, 0.2392156863);
}
.faq_sec .faqLst > .faqBlk:nth-last-child(1) {
  margin-bottom: 0;
}
.faq_sec .faqLst > .faqBlk h5 {
  position: relative;
  padding: 0 40px 0 25px;
  margin: 0;
  cursor: pointer;
  transition: all ease 0.5s;
  z-index: 2;
  font-family: "SemiBold";
}
.faq_sec .faqLst > .faqBlk h5:after {
  content: "\f107";
  position: absolute;
  top: -2px;
  right: 20px;
  font-size: 20px;
  font-family: "FontAwesome";
  font-weight: bold;
}
.faq_sec .faqLst > .faqBlk.active h5:after {
  content: "\f106";
}
.faq_sec .faqLst > .faqBlk h5:hover {
  color: #0071bd;
}
.faq_sec .faqLst > .faqBlk .txt {
  display: none;
  color: #252525;
  margin: 0 0 -20px;
  padding: 20px 25px;
}

.blog_banner {
  padding-top: 5rem;
}
.blog_banner .cntnt {
  background: url(../assets/images/blog.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  padding: 7rem 5rem;
  position: relative;
  overflow: hidden;
}
@media (max-width: 576px) {
  .blog_banner .cntnt {
    padding: 3rem 2rem;
  }
}
.blog_banner .cntnt:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.5058823529);
}
.blog_banner .cntnt h1 {
  color: #fff;
  position: relative;
}
.blog_banner .cntnt p {
  color: #fff;
  margin-bottom: 0;
  position: relative;
}

.blog_blog_pg {
  padding-top: 0;
}
.blog_blog_pg .featured_blog .flex {
  margin: -1rem;
}
.blog_blog_pg .featured_blog .flex ._col {
  width: 25%;
  padding: 1rem;
}
@media (max-width: 991px) {
  .blog_blog_pg .featured_blog .flex ._col {
    width: 50%;
  }
}
@media (max-width: 576px) {
  .blog_blog_pg .featured_blog .flex ._col {
    width: 100%;
  }
}
.blog_blog_pg .featured_blog .flex ._col .inner {
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  overflow: hidden;
  position: relative;
  padding-bottom: 145%;
}
@media (max-width: 991px) {
  .blog_blog_pg .featured_blog .flex ._col .inner {
    padding-bottom: 70%;
  }
}
.blog_blog_pg .featured_blog .flex ._col .inner a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.blog_blog_pg .featured_blog .flex ._col .inner .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.blog_blog_pg .featured_blog .flex ._col .inner .image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  transition: all ease 0.5s;
}
.blog_blog_pg .featured_blog .flex ._col .inner:hover .image img {
  transition: all ease 0.5s;
  transform: scale(1.2);
}
.blog_blog_pg .featured_blog .flex ._col .inner .cntnt {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 2rem;
  display: flex;
  justify-content: flex-end;
  flex-flow: column;
  background: linear-gradient(1deg, black, transparent);
}
.blog_blog_pg .featured_blog .flex ._col .inner .cntnt .category {
  background-color: rgba(64, 168, 229, 0.7);
  color: #fff;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  padding: 0.3rem 2rem;
  font-size: 1.4rem;
  margin-bottom: 2rem;
  width: -moz-fit-content;
  width: fit-content;
}
.blog_blog_pg .featured_blog .flex ._col .inner .cntnt h4 {
  color: #fff;
  font-size: 2.1rem;
  font-family: "SemiBold";
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.blog_blog_pg .featured_blog .flex ._col .inner .cntnt p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #fff;
}
.blog_blog_pg .featured_blog .flex ._col .inner .cntnt .date {
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.3rem;
  margin-bottom: 1rem;
}
.blog_blog_pg .featured_blog .flex ._col:nth-child(1), .blog_blog_pg .featured_blog .flex ._col:nth-child(6) {
  width: 50%;
}
@media (max-width: 576px) {
  .blog_blog_pg .featured_blog .flex ._col:nth-child(1), .blog_blog_pg .featured_blog .flex ._col:nth-child(6) {
    width: 100%;
  }
}
.blog_blog_pg .featured_blog .flex ._col:nth-child(1) .inner, .blog_blog_pg .featured_blog .flex ._col:nth-child(6) .inner {
  padding-bottom: 70%;
}
.blog_blog_pg .featured_blog .flex ._col:nth-child(1) .inner .cntnt h4, .blog_blog_pg .featured_blog .flex ._col:nth-child(6) .inner .cntnt h4 {
  font-size: 3.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 991px) {
  .blog_blog_pg .featured_blog .flex ._col:nth-child(1) .inner .cntnt h4, .blog_blog_pg .featured_blog .flex ._col:nth-child(6) .inner .cntnt h4 {
    font-size: 2rem;
  }
}

.all_blog {
  margin-top: 5rem;
}
.all_blog .flex_all_blog {
  margin: -1rem;
  display: flex;
  flex-flow: wrap;
}
.all_blog .flex_all_blog .col {
  width: 25%;
  padding: 1rem;
  flex: unset;
}
@media (max-width: 991px) {
  .all_blog .flex_all_blog .col {
    width: 50%;
  }
}
.all_blog .flex_all_blog .col .image {
  position: relative;
  background: #fff;
  padding: 2.5rem;
  border-radius: 1rem;
  box-shadow: 0 0.7rem 3.5rem -0.5rem rgba(24, 24, 24, 0.1), 0 -0.5rem 1rem -0.6rem rgba(24, 24, 24, 0.1);
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  padding: 0;
  padding-bottom: 80%;
  overflow: hidden;
  display: block;
  box-shadow: none;
  background-color: transparent;
  margin-bottom: 1rem;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}
.all_blog .flex_all_blog .col .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all ease 0.5s;
}
.all_blog .flex_all_blog .col .image:hover img {
  transition: all ease 0.5s;
  transform: scale(1.2);
}
.all_blog .flex_all_blog .col .image .play_btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
}
.all_blog .flex_all_blog .col .image .play_btn i {
  width: 5rem;
  height: 5rem;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.9);
  color: #ff5252;
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
}
.all_blog .flex_all_blog .col h5 {
  font-family: "SemiBold";
  font-size: 1.7rem;
  line-height: 1.3;
  margin-bottom: 0.5rem;
}
.all_blog .flex_all_blog .col h5 a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.all_blog .flex_all_blog .col .date {
  color: rgba(24, 24, 24, 0.7);
  font-size: 1.3rem;
  margin-bottom: 1rem;
}
.all_blog .flex_all_blog .col p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #4e4e4e;
}

.pagination_custom {
  margin-top: 3rem;
}
.pagination_custom .pagination {
  margin-bottom: 0;
}

.blog_cntnt_sec {
  padding-top: 5rem;
}
.blog_cntnt_sec .detail_blog_cntnt .cntnt {
  max-width: 80rem;
  margin: 0 auto 2rem;
}
.blog_cntnt_sec .detail_blog_cntnt .cntnt .date {
  color: rgba(24, 24, 24, 0.7);
  font-size: 1.3rem;
}
.blog_cntnt_sec .detail_blog_cntnt .cntnt .category {
  background-color: #40a8e5;
  color: #fff;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  padding: 0.5rem 2rem;
  font-size: 1.4rem;
  margin: 0 auto 2rem;
  width: -moz-fit-content;
  width: fit-content;
}
.blog_cntnt_sec .detail_blog_cntnt .image {
  position: relative;
  background: #fff;
  padding: 2.5rem;
  border-radius: 1rem;
  box-shadow: 0 0.7rem 3.5rem -0.5rem rgba(24, 24, 24, 0.1), 0 -0.5rem 1rem -0.6rem rgba(24, 24, 24, 0.1);
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  padding: 0;
  padding-bottom: 40%;
  overflow: hidden;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  box-shadow: none;
  margin-bottom: 3rem;
}
@media (max-width: 475px) {
  .blog_cntnt_sec .detail_blog_cntnt .image {
    padding-bottom: 70%;
  }
}
.blog_cntnt_sec .detail_blog_cntnt .image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.share_blk {
  display: flex;
  -webkit-box-orient: vertical;
  gap: 2rem;
  margin-top: 4rem;
}
.share_blk p {
  margin-bottom: 0;
  align-self: center;
}
.share_blk ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  -webkit-box-orient: vertical;
  gap: 1rem;
}
.share_blk ul li a {
  width: 3rem;
  height: 3rem;
  overflow: hidden;
  display: block;
}
.share_blk ul li a:hover {
  opacity: 0.7;
}
.share_blk ul li a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.cta_sec_bot {
  padding-top: 0;
}
.cta_sec_bot .cta_blk {
  background: linear-gradient(45deg, #bbefc2, #cdecf8, #fdc4c4);
  padding: 10rem 18rem;
  text-align: center;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
@media (max-width: 991px) {
  .cta_sec_bot .cta_blk {
    padding: 4rem 3rem;
  }
}
@media (max-width: 475px) {
  .cta_sec_bot .cta_blk {
    padding: 2rem;
  }
  .cta_sec_bot .cta_blk .site_btn {
    width: 100%;
  }
}
.cta_sec_bot .cta_blk p {
  margin: 2rem 0;
}

.contact_banner {
  padding-top: 5rem;
}
.contact_banner .blk_contact {
  background: url(../assets/images/contact.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  padding: 7rem 5rem;
  position: relative;
  overflow: hidden;
}
@media (max-width: 576px) {
  .contact_banner .blk_contact {
    padding: 3rem 2rem;
  }
}
.contact_banner .blk_contact:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.5058823529);
}
.contact_banner .blk_contact h1 {
  color: #fff;
  position: relative;
}
.contact_banner .blk_contact p {
  color: #fff;
  margin-bottom: 0;
  position: relative;
}

.contact_info {
  padding-top: 0;
}
.contact_info .flex .colL {
  width: 30%;
  padding-right: 1rem;
  align-self: center;
}
@media (max-width: 991px) {
  .contact_info .flex .colL {
    width: 100%;
    padding-right: 0;
    margin-bottom: 2rem;
  }
}
.contact_info .flex .colL p {
  margin-bottom: 0;
}
.contact_info .flex .colR {
  width: 70%;
}
@media (max-width: 991px) {
  .contact_info .flex .colR {
    width: 100%;
  }
}
.contact_info .flex .colR .flex_contact {
  display: flex;
  flex-flow: wrap;
  margin: -1rem;
}
.contact_info .flex .colR .flex_contact .col {
  flex: unset;
  padding: 1rem;
  width: 33.3333333333%;
}
@media (max-width: 576px) {
  .contact_info .flex .colR .flex_contact .col {
    width: 100%;
  }
}
.contact_info .flex .colR .flex_contact .col .inner {
  background: linear-gradient(45deg, #bbefc2, #cdecf8, #fdc4c4);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  text-align: center;
  padding: 3rem 2rem;
  height: 20rem;
  display: flex;
  justify-content: center;
  flex-flow: column;
}
.contact_info .flex .colR .flex_contact .col .inner .img_icon {
  width: 4rem;
  height: 4rem;
  overflow: hidden;
  margin: 0 auto 1rem;
}
.contact_info .flex .colR .flex_contact .col .inner .img_icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.contact_info .flex .colR .flex_contact .col .inner p, .contact_info .flex .colR .flex_contact .col .inner a {
  margin-bottom: 0;
  color: #4e4e4e;
}
.contact_info .flex .colR .flex_contact .col .inner a:hover {
  color: #40a8e5;
}
.contact_info form {
  background-color: rgba(255, 82, 82, 0.1);
  padding: 3rem;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  max-width: 70rem;
  margin: 8rem auto 0;
}
@media (max-width: 475px) {
  .contact_info form {
    margin-top: 4rem;
    padding: 2rem;
  }
}
.contact_info form h3 {
  margin-bottom: 2rem;
}
.contact_info form .btn_blk {
  margin-top: 3rem;
}
@media (max-width: 475px) {
  .contact_info form .btn_blk .site_btn {
    width: 100%;
  }
}
.contact_info .map_blk .map {
  min-height: 100%;
  overflow: hidden;
  height: 500px;
  position: relative;
  width: 100%;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  overflow: hidden;
}
.contact_info .map_blk .map #map_canvas {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: inherit;
}

.who_we_banner {
  padding-top: 5rem;
}
.who_we_banner .flex {
  background-color: rgba(96, 192, 97, 0.1);
  padding: 7rem 5rem;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
@media (max-width: 991px) {
  .who_we_banner .flex {
    padding: 3rem;
  }
}
.who_we_banner .flex .colL {
  width: 50%;
  padding-right: 2rem;
  align-self: center;
}
@media (max-width: 991px) {
  .who_we_banner .flex .colL {
    width: 100%;
    padding-right: 0;
  }
}
.who_we_banner .flex .colR {
  width: 50%;
  padding-left: 2rem;
}
@media (max-width: 991px) {
  .who_we_banner .flex .colR {
    width: 100%;
    padding-left: 0;
    margin-top: 2rem;
  }
}
.who_we_banner .flex .image {
  position: relative;
  background: #fff;
  padding: 2.5rem;
  border-radius: 1rem;
  box-shadow: 0 0.7rem 3.5rem -0.5rem rgba(24, 24, 24, 0.1), 0 -0.5rem 1rem -0.6rem rgba(24, 24, 24, 0.1);
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  padding: 0;
  padding-bottom: 80%;
  overflow: hidden;
  box-shadow: none;
  background-color: transparent;
}
.who_we_banner .flex .image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.mission_vision_sec {
  background-color: rgba(255, 82, 82, 0.1);
}
.mission_vision_sec .flex {
  gap: 5rem;
}
@media (max-width: 767px) {
  .mission_vision_sec .flex {
    flex-direction: column;
    gap: 2rem;
  }
}
.mission_vision_sec .flex .col {
  flex: 1;
}
.mission_vision_sec .flex .col:first-child {
  text-align: right;
}
@media (max-width: 767px) {
  .mission_vision_sec .flex .col:first-child {
    text-align: left;
  }
}
.mission_vision_sec .flex .col p {
  margin-bottom: 0;
}

.values_sec .flex .colL {
  width: 50%;
  padding-right: 2rem;
}
@media (max-width: 991px) {
  .values_sec .flex .colL {
    width: 100%;
    padding-right: 0;
    display: none;
  }
}
.values_sec .flex .colL .image {
  position: relative;
  background: #fff;
  padding: 2.5rem;
  border-radius: 1rem;
  box-shadow: 0 0.7rem 3.5rem -0.5rem rgba(24, 24, 24, 0.1), 0 -0.5rem 1rem -0.6rem rgba(24, 24, 24, 0.1);
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  padding: 0;
  padding-bottom: 100%;
  overflow: hidden;
  box-shadow: none;
  background-color: transparent;
}
.values_sec .flex .colL .image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.values_sec .flex .colR {
  width: 50%;
  padding-left: 2rem;
  align-self: center;
}
@media (max-width: 991px) {
  .values_sec .flex .colR {
    width: 100%;
    padding-left: 0;
    margin-top: 2rem;
  }
}
.values_sec .flex .colR .sec_heading {
  margin-bottom: 2rem;
}
.values_sec .flex .colR p {
  margin-bottom: 2rem;
}
.values_sec .flex .colR ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-flow: wrap;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  overflow: hidden;
}
.values_sec .flex .colR ul li {
  width: 50%;
  padding: 2rem;
  background-color: rgba(64, 168, 229, 0.2);
  text-align: center;
}
.values_sec .flex .colR ul li:first-child {
  background-color: rgba(55, 174, 90, 0.1);
}
.values_sec .flex .colR ul li:last-child {
  background-color: rgba(96, 192, 97, 0.1);
}
.values_sec .flex .colR ul li:nth-child(2) {
  background-color: rgba(255, 82, 82, 0.1);
}
.values_sec .flex .colR ul li strong {
  display: block;
  margin-bottom: 1rem;
}
.values_sec .ceo_msg {
  background-color: rgba(64, 168, 229, 0.1);
  padding: 5rem;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  margin-top: 9rem;
}
@media (max-width: 475px) {
  .values_sec .ceo_msg {
    padding: 3rem;
    margin-top: 5rem;
  }
}
.values_sec .ceo_msg p {
  font-style: italic;
  font-size: 2rem;
}
.values_sec .ceo_msg h5 {
  margin-bottom: 0;
  color: #ff5252;
}

.region_sec {
  padding-top: 0;
}
.region_sec .cntnt {
  max-width: 70rem;
  margin: 0 auto 2rem;
  text-align: center;
}
.region_sec .image {
  position: relative;
  background: #fff;
  padding: 2.5rem;
  border-radius: 1rem;
  box-shadow: 0 0.7rem 3.5rem -0.5rem rgba(24, 24, 24, 0.1), 0 -0.5rem 1rem -0.6rem rgba(24, 24, 24, 0.1);
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  padding: 0;
  padding-bottom: 40%;
  overflow: hidden;
  box-shadow: none;
  background-color: transparent;
}
.region_sec .image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.distributor_banner {
  padding-top: 5rem;
}
.distributor_banner .blk_contact {
  background: url(../assets/images/become.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  padding: 7rem 5rem;
  position: relative;
  overflow: hidden;
}
@media (max-width: 576px) {
  .distributor_banner .blk_contact {
    padding: 3rem 2rem;
  }
}
.distributor_banner .blk_contact:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.5058823529);
}
.distributor_banner .blk_contact h1 {
  color: #fff;
  position: relative;
}
.distributor_banner .blk_contact p {
  color: #fff;
  margin-bottom: 0;
  position: relative;
}

.form_info {
  padding-top: 0;
}
.form_info .sec_heading {
  max-width: 60rem;
  text-align: center;
  margin: 0 auto 2rem;
}
.form_info .sec_heading h5 {
  color: #60c061;
}
.form_info .flex {
  margin: -1rem;
}
.form_info .flex .col {
  width: 25%;
  padding: 1rem;
}
@media (max-width: 991px) {
  .form_info .flex .col {
    width: 50%;
  }
}
@media (max-width: 475px) {
  .form_info .flex .col {
    width: 100%;
  }
}
.form_info .flex .col .inner {
  background-color: rgba(96, 192, 97, 0.1);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 3rem;
  text-align: center;
  height: 100%;
}
.form_info .flex .col .inner h4 {
  font-size: 2rem;
}
.form_info form {
  background-color: rgba(255, 82, 82, 0.1);
  padding: 3rem;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  max-width: 70rem;
  margin: 8rem auto 0;
}
@media (max-width: 475px) {
  .form_info form {
    margin-top: 4rem;
    padding: 2rem;
  }
}
.form_info form h3 {
  margin-bottom: 2rem;
}
.form_info form .btn_blk {
  margin-top: 3rem;
}
@media (max-width: 475px) {
  .form_info form .btn_blk .site_btn {
    width: 100%;
  }
}

/*_____ vidBlk _____*/
.vidBlk {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  overflow: hidden;
}

.vidBlk video,
.vidBlk iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0 !important;
  margin: auto;
  /* -o-object-fit: cover; */
  -o-object-fit: fill;
     object-fit: fill;
}

video[poster] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.vidBlk .videoBtn {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.7);
  color: #0f0f0f;
  font-size: 34px;
  margin: -40px auto 0;
  line-height: 1;
  cursor: pointer;
  /* border: 2px solid; */
  border-radius: 75%;
  box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24);
  transition: all linear 0.5s;
  z-index: 5;
}

.vidBlk .videoBtn:hover {
  background: rgba(255, 255, 255, 0.9);
}

.vidBlk .videoBtn.fi-play:before {
  padding-left: 6px;
}

.vidBlk .videoBtn.fi-pause:before {
  padding-left: 0;
}

.vidBlk .videoBtn.fi-pause {
  opacity: 0;
}

.vidBlk:hover .videoBtn.fi-pause {
  opacity: 1;
}

.what_we_sec {
  padding-top: 5rem;
}
.what_we_sec .flex {
  background-color: rgba(64, 168, 229, 0.1);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  padding: 7rem 5rem;
  padding-bottom: 0;
}
@media (max-width: 991px) {
  .what_we_sec .flex {
    padding: 3rem;
    padding-bottom: 3rem;
  }
}
.what_we_sec .flex .colL {
  width: 55%;
  padding-right: 4rem;
  padding-bottom: 7rem;
  align-self: center;
}
@media (max-width: 991px) {
  .what_we_sec .flex .colL {
    width: 100%;
    padding-right: 0;
    padding-bottom: 0;
  }
}
.what_we_sec .flex .image {
  width: 45%;
  align-self: flex-end;
  position: relative;
  background: #fff;
  padding: 2.5rem;
  border-radius: 1rem;
  box-shadow: 0 0.7rem 3.5rem -0.5rem rgba(24, 24, 24, 0.1), 0 -0.5rem 1rem -0.6rem rgba(24, 24, 24, 0.1);
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  padding: 0;
  padding-bottom: 30%;
  overflow: hidden;
  box-shadow: none;
  background-color: transparent;
}
@media (max-width: 991px) {
  .what_we_sec .flex .image {
    display: none;
  }
}
.what_we_sec .flex .image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: bottom;
  object-position: bottom;
}

.service_we_sec {
  padding-top: 0;
}
.service_we_sec .sec_heading {
  max-width: 90rem;
  text-align: center;
  margin: 0 auto 3rem;
}
.service_we_sec .sec_heading h5 {
  color: #ff5252;
}
.service_we_sec .flex {
  margin: -1rem;
}
.service_we_sec .flex .col {
  width: 25%;
  padding: 1rem;
}
@media (max-width: 1024px) {
  .service_we_sec .flex .col {
    width: 50%;
  }
}
@media (max-width: 475px) {
  .service_we_sec .flex .col {
    width: 100%;
  }
}
.service_we_sec .flex .col .inner {
  background-color: rgba(255, 82, 82, 0.1);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 3rem;
  height: 100%;
}
.service_we_sec .flex .col .inner .img_icon {
  width: 5rem;
  height: 5rem;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
.service_we_sec .flex .col .inner .img_icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.service_we_sec .flex .col .inner p {
  margin-bottom: 0;
}
.service_we_sec .flex .col .inner h3 {
  font-size: 2rem;
}

.industry_sec {
  background-color: rgba(96, 192, 97, 0.1);
}
.industry_sec .flex .sec_heading {
  width: 50%;
  padding-right: 2rem;
  align-self: center;
}
@media (max-width: 991px) {
  .industry_sec .flex .sec_heading {
    width: 100%;
    padding-right: 0;
    margin-bottom: 2rem;
  }
}
.industry_sec .flex .sec_heading h2 {
  margin-bottom: 2rem;
}
.industry_sec .flex .sec_heading h5 {
  color: #60c061;
}
.industry_sec .flex .cntnt {
  width: 50%;
  padding-left: 2rem;
}
@media (max-width: 991px) {
  .industry_sec .flex .cntnt {
    width: 100%;
    padding-left: 0;
  }
}
.industry_sec .flex .cntnt ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-flow: wrap;
}
.industry_sec .flex .cntnt ul li {
  width: 50%;
  padding-left: 2.5rem;
  margin-bottom: 0.5rem;
  position: relative;
}
@media (max-width: 475px) {
  .industry_sec .flex .cntnt ul li {
    width: 100%;
  }
}
.industry_sec .flex .cntnt ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url(../assets/images/before.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
}
.industry_sec .flex .cntnt .btn_blk {
  margin-top: 1.5rem;
}
.industry_sec .flex .cntnt .btn_blk .site_btn {
  background-color: #60c061;
  border-color: #60c061;
}
@media (max-width: 475px) {
  .industry_sec .flex .cntnt .btn_blk .site_btn {
    width: 100%;
  }
}
.industry_sec .flex .cntnt .btn_blk .site_btn:hover {
  background-color: #ff5252;
  border-color: #ff5252;
}

.process_sec .cntnt {
  max-width: 90rem;
  margin-bottom: 3rem;
}
.process_sec .cntnt .sec_heading h5 {
  color: #ff5252;
}
.process_sec .flex {
  margin: -1rem;
}
@media (max-width: 576px) {
  .process_sec .flex {
    justify-content: center;
  }
}
.process_sec .flex .col {
  width: 33.3333333333%;
  padding: 1rem;
}
@media (max-width: 576px) {
  .process_sec .flex .col {
    width: 50%;
  }
}
@media (max-width: 475px) {
  .process_sec .flex .col {
    width: 100%;
  }
}
.process_sec .flex .col .inner {
  background-color: rgba(255, 82, 82, 0.1);
  padding: 3rem;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-flow: column;
}
.process_sec .flex .col .inner p {
  margin-bottom: 0;
}
.process_sec .flex .col .inner h4 {
  font-size: 2rem;
}

.impact_sec {
  padding-top: 0;
}
.impact_sec .flex .txt {
  width: 60%;
  padding-left: 2rem;
}
@media (max-width: 991px) {
  .impact_sec .flex .txt {
    width: 100%;
    padding-left: 0;
  }
}
.impact_sec .flex .sec_heading {
  width: 40%;
  padding-right: 2rem;
}
@media (max-width: 991px) {
  .impact_sec .flex .sec_heading {
    width: 100%;
    padding-right: 0;
    margin-top: 2rem;
  }
}
.impact_sec .impact_flex {
  margin: -1rem;
  margin-top: 5rem;
}
.impact_sec .impact_flex .col {
  width: 25%;
  padding: 1rem;
}
@media (max-width: 991px) {
  .impact_sec .impact_flex .col {
    width: 50%;
  }
}
.impact_sec .impact_flex .col h3 {
  font-size: 3.5rem;
}
.impact_sec .impact_flex .col h3 sub {
  font-size: 1.5rem;
  font-family: "Regular";
  color: #40a8e5;
  display: block;
  margin-top: 1rem;
  bottom: unset;
}
@media (max-width: 1024px) {
  .impact_sec .impact_flex .col h3 sub {
    display: block;
    margin-top: 1rem;
    line-height: 1;
  }
}
.impact_sec .impact_flex .col p {
  margin-bottom: 0;
}

.brand_sec {
  padding-top: 5rem;
}
.brand_sec .cntnt {
  background-color: rgba(255, 82, 82, 0.1);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  padding: 7rem 5rem;
}
@media (max-width: 991px) {
  .brand_sec .cntnt {
    padding: 3rem;
  }
}
.brand_sec .cntnt p {
  margin-bottom: 0;
}

.feature_brand_sec {
  padding-top: 0;
}
.feature_brand_sec .sec_heading {
  max-width: 70rem;
  margin: 0 auto 3rem;
  text-align: center;
}
.feature_brand_sec .flex {
  margin: -1rem;
}
.feature_brand_sec .flex .col {
  width: 50%;
  padding: 1rem;
}
@media (max-width: 991px) {
  .feature_brand_sec .flex .col {
    width: 100%;
  }
}
.feature_brand_sec .flex .col .inner {
  background-color: rgba(64, 168, 229, 0.1);
  padding: 3rem;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  display: flex;
  -webkit-box-orient: vertical;
  justify-content: flex-end;
}
.feature_brand_sec .flex .col:first-child .inner{
  border-left: 11px solid #16408c;
}
.feature_brand_sec .flex .col:last-child .inner{
  border-left: 11px solid #c80410;
}
.feature_brand_sec .flex .col .inner .image {
  width: 10rem;
  height: 10rem;
  overflow: hidden;
  background-color: #fff;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  padding: 1rem;
  display: block;
}
.feature_brand_sec .flex .col .inner .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.feature_brand_sec .flex .col .inner .txt {
  flex: 1;
  padding-left: 2rem;
}
.feature_brand_sec .flex .col .inner .txt h4 {
  font-size: 2rem;
}
.feature_brand_sec .flex .col .inner .txt p {
  margin-bottom: 0;
}

.why_choose_brand {
  padding-top: 0;
}
.why_choose_brand .flex .colL {
  width: 50%;
  padding-right: 2rem;
  align-self: center;
}
@media (max-width: 991px) {
  .why_choose_brand .flex .colL {
    width: 100%;
    padding-right: 0;
    margin-bottom: 2rem;
  }
}
.why_choose_brand .flex .colL .sec_heading h5 {
  color: #60c061;
}
.why_choose_brand .flex .colL .btn_blk {
  margin-top: 2rem;
}
.why_choose_brand .flex .colL .btn_blk .site_btn {
  background-color: #60c061;
  border-color: #60c061;
}
@media (max-width: 475px) {
  .why_choose_brand .flex .colL .btn_blk .site_btn {
    width: 100%;
  }
}
.why_choose_brand .flex .colL .btn_blk .site_btn:hover {
  background-color: #ff5252;
  border-color: #ff5252;
}
.why_choose_brand .flex .colR {
  width: 50%;
  padding-left: 2rem;
}
@media (max-width: 991px) {
  .why_choose_brand .flex .colR {
    width: 100%;
    padding-left: 0;
  }
}
.why_choose_brand .flex .colR .inner:not(:last-child) {
  margin-bottom: 1rem;
}
.why_choose_brand .flex .colR .inner .inner_inner {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 2rem;
  background-color: rgba(55, 174, 90, 0.1);
  border-left: 2px solid #60c061;
}
.why_choose_brand .flex .colR .inner .inner_inner h4 {
  font-size: 2rem;
}
.why_choose_brand .flex .colR .inner .inner_inner p {
  margin-bottom: 0;
}

.col-md-6 {
  width: 50%;
}
@media (max-width: 475px) {
  .col-md-6 {
    width: 100%;
  }
}

.col-md-12 {
  width: 100%;
}
.input.bootstrap-select ul.dropdown-menu>li span.text{
  display: flex;
}
.input.bootstrap-select ul.dropdown-menu>li span.text > span{
  align-self: center;
}
.input.bootstrap-select ul.dropdown-menu img{
  width: 6rem;
  height: 100%;
}

.input.bootstrap-select>.dropdown-toggle .filter-option{
  display: flex;
  gap: .5rem;
  white-space: unset !important;
}
.input.bootstrap-select>.dropdown-toggle .filter-option > span{
  align-self: center;
}
.input.bootstrap-select>.dropdown-toggle .filter-option img{
  width: 4rem;
  height: 100%;
  align-self: center;
}

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