@charset "UTF-8";

/*

|----------------------------------------------------------------------

|       Variables

|----------------------------------------------------------------------

*/

@font-face {

  font-family: "Regular";

  src: url("../assets/fonts/Agrandir-Regular.otf");

}

@font-face {

  font-family: "Medium";

  src: url("../assets/fonts/Agrandir-Tight.otf");

}

@font-face {

  font-family: "SemiBold";

  src: url("../assets/fonts/Agrandir-TextBold.otf");

}

@font-face {

  font-family: "Bold";

  src: url("../assets/fonts/Agrandir-GrandHeavy.otf");

}

@font-face {

  font-family: "Black";

  src: url("../assets/fonts/Agrandir-GrandHeavy.otf");

}

@font-face {

  font-family: "Lite";

  src: url("../assets/fonts/Agrandir-GrandLight.otf");

}

/*

|----------------------------------------------------------------------

|       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: 7rem;

  overflow: hidden;

}

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: #1b75bc;

}

a:focus, a:hover {

  outline: none !important;

  text-decoration: none !important;

}



.ease,

button {

  transition: all ease 0.5s;

}



.br {

  padding-bottom: 1rem;

}



.color {

  color: #1b75bc;

}



.background {

  background: #1b75bc;

}



.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: #1b75bc;

  color: #fff;

}



::selection {

  background: #1b75bc;

  color: #fff;

}



h1,

.h1,

.size_1 {

  font-size: 6.5rem;

}

@media (max-width: 767px) {

  h1,

  .h1,

  .size_1 {

    font-size: 3.6rem;

  }

}



h2,

.h2,

.size_2 {

  font-size: 5rem;

}

@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: #1b75bc;

}

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: #1b75bc;

}

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: #1b75bc;

  font-weight: inherit;

}



p {

  margin: 0 0 1.5rem;

}

p > a {

  display: inline;

  color: #1b75bc;

}

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: 20px;

  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: #1b75bc;

  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: #1b75bc;

  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 #1b75bc;

  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 {

    width: 100%;

  }

  .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: #fff;

  border: 2px solid #fff;

}

.site_btn.blank:hover {

  background: #fff;

  color: #1b75bc !important;

}

.site_btn.blank:not(:hover) > img {

  filter: none;

}

.site_btn.white {

  background: #fff;

  color: #1b75bc !important;

  border: 2px solid #fff;

}

.site_btn.white:hover {

  background: #fff;

  color: #1b75bc !important;

}

.site_btn.white:not(:hover) > img {

  filter: none;

}

.site_btn.color {

  background: #fbb040;

  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: #1b75bc;

  color: #fff;

}

.site_btn.text {

  min-width: initial;

  height: auto;

  background: transparent;

  color: #1b75bc;

  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: #1b75bc;

}

.site_btn.simple > img {

  filter: none;

}

.site_btn.simple.stroke:not(:hover) {

  border-color: #b0b0b0;

}

.site_btn.stroke {

  border: 0.2rem solid #1b75bc;

}

.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: #1b75bc;

}

.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: #fff;

  padding: 2rem;

  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(27, 117, 188, 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: #1b75bc;

}

label > a:hover {

  color: rgba(27, 117, 188, 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(27, 117, 188, 0.05);

  border-color: #1b75bc;

}

.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: #1b75bc;

}

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: #1b75bc;

  background-clip: content-box;

  border-color: #1b75bc;

}

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: #1b75bc;

  border-color: #1b75bc;

}

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: #1b75bc;

  color: #fff;

  border-color: #1b75bc;

}



/*

|----------------------------------------------------------------------

|       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: #1b75bc;

  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: #1b75bc;

}

.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: #1b75bc;

  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(27, 117, 188, 0.1) !important;

}

.datepicker table tr td.active {

  background-color: rgba(27, 117, 188, 0.8) !important;

  color: #fff;

}

.datepicker table tr td.today {

  background: #1b75bc !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(27, 117, 188, 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: #1b75bc;

}

.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: #1b75bc;

}



/*

|----------------------------------------------------------------------

|       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 #1b75bc;

  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 #1b75bc !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: #1b75bc;

}

.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(27, 117, 188, 0.5);

}

.owl-carousel.owl-theme .owl-dots .owl-dot.active {

  width: 2.4rem;

  background: #1b75bc;

}

.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, #1b75bc, #fbb040);

  -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: #1b75bc;

  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: absolute;

  top: 0;

  right: 0;

  bottom: initial;

  left: 0;

  z-index: 30;

  background: #fff;

  box-shadow: 0 4rem 3rem rgba(24, 24, 24, 0.05);

  transition: all ease 0.5s;

}

@media (max-width: 991px) {

  header {

    box-shadow: 0 4rem 3rem rgba(24, 24, 24, 0.05);

  }

}

header .top_nav {

  background-color: #1b75bc;

  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: #fbb040;

  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;

}

@media (max-width: 1024px) {

  header.fix nav ul li a {

    color: #fff !important;

  }

}

header.fix nav ul li.active a {

  color: #1b75bc !important;

}

header.fix nav ul li.btn_blk.active a {

  color: #fff !important;

}

header.fix .toggle::before, header.fix .toggle::after,

header.fix .toggle > span {

  background-color: #1b75bc;

}

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: #1b75bc;

  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: #fbb040;

  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: #1b75bc;

  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(27, 117, 188, 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(27, 117, 188, 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: 30rem;

  height: 7rem;

  margin: auto;

  transition: all ease 0.5s;

  z-index: 1;

}

@media (max-width: 375px) {

  .logo {

    max-width: 25rem;

  }

}

.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: #1b75bc;

}

.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: 7rem;

  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 2.5rem;

}

@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-top: 2rem;

  }

}

#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;

}

#nav > ul > li > a:not(.site_btn):hover, #nav > ul > li > a:not(.site_btn).active {

  color: #1b75bc !important;

}

@media (max-width: 1024px) {

  #nav > ul > li > a:not(.site_btn) {

    font-size: 1.8rem;

    height: 7rem;

  }

}

#nav > ul > li .site_btn:hover {

  background-color: #000;

}

#nav > ul > li .site_btn.active {

  color: #fff;

}

#nav > ul > li.active a {

  color: #1b75bc;

}

#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;

    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(27, 117, 188, 0.05);

  color: #1b75bc;

}

@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;

}

@media (max-width: 1024px) {

  #nav > ul > li.drop > a:after {

    display: none;

  }

}

#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;

  }

}



.banner {

  min-height: 500px;

  padding: 0;

  position: relative;

}

@media (max-width: 1024px) {

  .banner {

    min-height: auto;

  }

}

.banner .videoBanner {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

}

.banner .videoBanner:before {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  content: "";

  background: rgba(0, 0, 0, 0.47);

  z-index: 1;

}

.banner .videoBanner video {

  display: block;

  width: 100%;

  height: 100%;

  overflow: hidden;

  -o-object-fit: cover;

     object-fit: cover;

  -o-object-position: center;

     object-position: center;

}

.banner .cntnt {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1;

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

@media (max-width: 991px) {

  .banner .cntnt {

    position: relative;

    padding: 4rem 0;

  }

}

.banner .contain {

  width: 100%;

}

.banner .inner_cntnt {

  max-width: 85rem;

  position: relative;

  z-index: 1;

}

.banner .inner_cntnt .btn_blk {

  margin-top: 2rem;

}

.banner .inner_cntnt h1 {

  color: #fff;

  text-transform: capitalize;

  margin-bottom: 3rem;

}

@media (max-width: 991px) {

  .banner .inner_cntnt h1 {

    color: #181818;

  }

}

.banner .inner_cntnt h1 em {

  color: #fbb040;

  font-style: normal;

}

.banner .inner_cntnt p {

  font-size: 1.8rem;

  color: white;

  margin: 2rem auto 3rem;

}

@media (max-width: 991px) {

  .banner .inner_cntnt p {

    color: #181818;

  }

}

.banner .inner_cntnt h4 {

  text-transform: uppercase;

  color: #1b75bc;

  letter-spacing: 2px;

}

@media (max-width: 475px) {

  .banner .inner_cntnt .btn_blk a {

    width: 100%;

  }

}



#banner_carousel {

  overflow: hidden;

}

#banner_carousel .item .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: 0px;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  -ms-border-radius: 0px;

  -o-border-radius: 0px;

  box-shadow: none;

}

@media (max-width: 991px) {

  #banner_carousel .item .image {

    padding-bottom: 60%;

  }

}

#banner_carousel .item .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;

  animation: zoomIn 20s infinite;

}

#banner_carousel .item .image:before {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  content: "";

  background: linear-gradient(107.77deg, rgba(9, 45, 73, 0.5882352941) 22.16%, rgba(0, 0, 0, 0.83) 90.09%);

  opacity: 0.9;

  z-index: 1;

}

@media (max-width: 991px) {

  #banner_carousel .item .image:before {

    background-color: transparent;

  }

}



@keyframes zoomIn {

  0% {

    transform: scale(1);

  }

  100% {

    transform: scale(1.5);

  }

}

.overlay_image {

  position: absolute;

  top: 0;

  right: 0;

}

.overlay_image img {

  display: block;

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

  object-fit: contain;

  -o-object-position: center;

  object-position: center;

}

@media (max-width: 767px) {

  .overlay_image {

    display: none;

  }

}



.video_sec {

  background: url(../assets/images/banner.jpg);

  background-size: cover!important;

  background-position: top!important;

  background-repeat: no-repeat!important;

  padding: 12rem 0;

  position: relative;

}

.video_sec:before {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  content: "";

  background: linear-gradient(107.77deg, rgba(9, 45, 73, 0.5882352941) 22.16%, rgba(0, 0, 0, 0.83) 90.09%);

  opacity: 0.9;

}

@media (max-width: 991px) {

  .video_sec:before {

    background-color: transparent;

  }

}

@media (max-width: 475px) {

  .video_sec {

    padding: 4rem 0;

  }

}

.video_sec .cntnt {

  max-width: 60rem;

  color: #fff;

  position: relative;

}
.video_sec .cntnt.mid_cntnt{
  max-width: 90rem;
  margin: 0 auto;
  text-align: center;
  
}
.video_sec .cntnt.mid_cntnt .btn_blk{
  justify-content: center;
}
.video_sec .cntnt .sec_heading {

  margin-bottom: 2rem;

}

.video_sec .cntnt .sec_heading h2 {

  color: #fff;

  font-size: 7rem;

  text-transform: uppercase;

}

@media (max-width: 767px) {

  .video_sec .cntnt .sec_heading h2 {

    font-size: 5rem;

  }

}

.video_sec .cntnt p {

  color: #fff;

  margin-bottom: 3rem;

}



.testimonial_sec .colL {

  width: 100%;

  text-align: center;

  margin-bottom: 20px;

}

.testimonial_sec .colR {

  width: 100%;

}

.testimonial_sec .colR .item {

  padding: 10px;

}

.testimonial_sec .colR .item .inner .comnt_testi {

  background-color: rgba(239, 238, 238, 0.6705882353);

  border-radius: 8px;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -ms-border-radius: 8px;

  -o-border-radius: 8px;

  padding: 15px;

  position: relative;

  margin-bottom: 20px;

}

.testimonial_sec .colR .item .inner .comnt_testi .stars_revie {

  color: #f89d32;

  margin-bottom: 10px;

}

.testimonial_sec .colR .item .inner .comnt_testi p {

  color: #000;

  font-style: italic;

}

.testimonial_sec .colR .item .inner .comnt_testi:after {

  position: absolute;

  content: "";

  bottom: -17px;

  left: 9%;

  border-top: 17px solid rgba(255, 255, 255, 0.6);

  border-right: 17px solid rgba(95, 95, 95, 0);

}

.testimonial_sec .colR .item .flex .testi_icon {

  width: 70px;

  height: 70px;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  overflow: hidden;

}

.testimonial_sec .colR .item .flex .testi_icon img {

  display: block;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  -o-object-position: top;

  object-position: top;

}

.testimonial_sec .colR .item .flex h5 {

  flex: 1;

  margin-left: 10px;

  margin-bottom: 0;

  align-self: center;

}



footer {

  position: relative;

  background: #181818;

  padding-top: 7rem;

  font-size: 1.4rem;

}

@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 {

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-box-orient: vertical;

  text-align: center;

}

@media (max-width: 767px) {

  footer .copy_right ._inner {

    flex-direction: column-reverse;

    gap: 1rem;

  }

}

footer .copy_right ._inner .lst {

  display: flex;

  -webkit-box-orient: vertical;

  gap: 5rem;

  align-self: center;

}

@media (max-width: 767px) {

  footer .copy_right ._inner .lst {

    gap: 2rem;

  }

}

footer .copy_right ._inner .lst li {

  margin-bottom: 0;

}

footer .social_lnks {

  list-style-type: none;

  display: flex;

  gap: 2rem;

  align-self: center;

  padding-left: 0;

  margin-bottom: 0;

  margin-top: 2rem;

}

footer .social_lnks li a img {

  filter: brightness(1) invert(1);

  -webkit-filter: brightness(1) invert(1);

}

footer .flex .col:nth-child(1) {

  width: 30%;

  padding-right: 2rem;

}

footer .flex .col:nth-child(1) ul {

  display: flex;

  -webkit-box-orient: vertical;

  flex-wrap: wrap;

  margin: 0 -1rem;

}

footer .flex .col:nth-child(1) ul li {

  width: 50%;

  padding: 0 1rem;

}

@media (max-width: 991px) {

  footer .flex .col:nth-child(1) {

    width: 50%;

  }

}

@media (max-width: 767px) {

  footer .flex .col:nth-child(1) {

    width: 100%;

    padding-right: 0rem;

  }

}

footer .flex .col {

  width: 15%;

  padding: 0 2rem;

}

@media (max-width: 991px) {

  footer .flex .col {

    width: 50%;

    padding: 2rem;

  }

}

@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:nth-child(2) {

  width: 25%;

}

@media (max-width: 991px) {

  footer .flex .col:nth-child(2) {

    width: 50%;

  }

}

@media (max-width: 767px) {

  footer .flex .col:nth-child(2) {

    width: 100%;

  }

}

footer .flex .col:last-child {

  width: 30%;

}

@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: #1b75bc;

}

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: #1b75bc;

}

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;

}

footer form button {

  margin-top: 1rem;

  width: 100%;

}

footer form button:hover {

  background-color: #fbb040 !important;

  opacity: 0.7;

}



.after_banner {

  padding: 6rem 0;

}

@media (max-width: 767px) {

  .after_banner {

    padding: 4rem 2rem;

  }

}

.after_banner .flex {

  margin: -1rem;

}

.after_banner .flex .col {

  width: 22.3333333333%;

  padding: 1rem;

}

.after_banner .flex .col:last-child {

  width: 33%;

}

@media (max-width: 991px) {

  .after_banner .flex .col:last-child {

    display: none;

  }

}

@media (max-width: 991px) {

  .after_banner .flex .col {

    width: 50%;

  }

}

@media (max-width: 767px) {

  .after_banner .flex .col {

    width: 100% !important;

  }

}

.after_banner .flex .col .inner {

  display: flex;

  -webkit-box-orient: vertical;

  gap: 1rem;

  margin-bottom: 2rem;

}

@media (max-width: 1024px) {

  .after_banner .flex .col .inner {

    display: block;

  }

}

.after_banner .flex .col .inner .img_icon {

  width: 5rem;

  height: 5rem;

  overflow: hidden;

  margin-bottom: 2rem;

}

.after_banner .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;

}

.after_banner .flex .col .inner h4 {

  text-transform: capitalize;

  margin-bottom: 0;

  align-self: center;

  font-size: 2rem;

  flex: 1;

}

.after_banner .flex .col p {

  margin-bottom: 0;

}

.after_banner .flex .col ._inner {

  position: relative;

  border-radius: 10px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  -o-border-radius: 10px;

  overflow: hidden;

  background: url(../assets/images/cta.jpg);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  padding: 6rem 4rem;

  margin-top: -16rem;

  z-index: 1;

}

.after_banner .flex .col ._inner:after {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  content: "";

  background: linear-gradient(107.77deg, rgba(9, 45, 73, 0.5882352941) 22.16%, rgba(0, 0, 0, 0.83) 90.09%);

  opacity: 0.9;

}

.after_banner .flex .col ._inner .txt {

  position: relative;

  z-index: 1;

}

.after_banner .flex .col ._inner .txt .top_txt {

  max-width: 70%;

}

.after_banner .flex .col ._inner .txt .top_txt h1 {

  color: #fbb040;

}

.after_banner .flex .col ._inner .txt .top_txt h4 {

  text-transform: capitalize;

  align-self: center;

  font-size: 2rem;

  color: #fff;

}

.after_banner .flex .col ._inner .txt .top_txt p {

  color: #fff;

}

.after_banner .flex .col ._inner .txt p {

  color: #fff;

}

.after_banner .flex .col ._inner .txt a {

  margin-top: 2rem;

  color: #fff;

  border-color: #1b75bc;

  width: 100%;

}

.after_banner .flex .col ._inner .txt a:hover {

  border-color: #fff;

}



.sec_heading {

  margin-bottom: 2rem;

}

.sec_heading h5 {

  text-transform: uppercase;

  color: #1b75bc;

  letter-spacing: 6px;

  margin-bottom: 1.5rem;

}



.about_sec {

  padding-top: 0;

}

.about_sec .flex .colL {

  width: 50%;

  padding-top: 2rem;

  padding-left: 2rem;

  padding-right: 4rem;

  position: relative;

}

@media (max-width: 991px) {

  .about_sec .flex .colL {

    width: 100%;

    padding-top: 0rem;

    padding-left: 0rem;

    padding-right: 0rem;

  }

}

.about_sec .flex .colL:before {

  position: absolute;

  top: 0;

  left: 0;

  content: "";

  width: 20rem;

  border-top: 25px solid #1b75bc;

  border-left: 25px solid #1b75bc;

  border-bottom: 25px solid transparent;

  border-right: 25px solid transparent;

  height: 20rem;

  border-radius: 20px;

}

@media (max-width: 991px) {

  .about_sec .flex .colL:before {

    display: none;

  }

}

.about_sec .flex .colR {

  width: 50%;

  align-self: center;

  padding-left: 4rem;

}

@media (max-width: 991px) {

  .about_sec .flex .colR {

    width: 100%;

    padding-left: 0rem;

    padding-top: 2rem;

  }

}

.about_sec p strong {

  font-family: "SemiBold";

  color: #1b75bc;

}

.about_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: 100%;

  overflow: hidden;

  box-shadow: none;

}

@media (max-width: 991px) {

  .about_sec .image {

    padding-bottom: 50%;

  }

}

.about_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;

}

.about_sec .btn_blk {

  margin-top: 2rem;

}



.services_sec {

  background: url(../assets/images/banner.jpg);

  background-attachment: fixed;

  background-position: center right;

  background-size: cover;

}

.services_sec:before {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  content: "";

  background-color: rgba(9, 50, 83, 0.831372549);

  opacity: 0.7;

}

.services_sec .cntnt {

  max-width: 80rem;

  margin: 0 auto 4rem;

}

.services_sec .cntnt .sec_heading h2 {

  color: #fff;

}

.services_sec .cntnt p {

  color: rgba(255, 255, 255, 0.8);

}

.services_sec .flex {

  margin: -1rem;

}

.services_sec .flex .col {

  flex: unset;

  width: 50%;

  padding: 1rem;

}

@media (max-width: 991px) {

  .services_sec .flex .col {

    width: 50%;

  }

}

@media (max-width: 767px) {

  .services_sec .flex .col {

    width: 100%;

  }

}

.services_sec .flex .col .inner {

  padding: 3rem;

  border-radius: 10px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  -o-border-radius: 10px;

  background-color: #1b75bc;

  height: 100%;

}

.services_sec .flex .col .inner .head_flex {

  display: flex;

  -webkit-box-orient: vertical;

  gap: 1rem;

  margin-bottom: 2rem;

}

.services_sec .flex .col .inner .head_flex .icon {

  width: 6rem;

  height: 6rem;

  overflow: hidden;

}

.services_sec .flex .col .inner .head_flex .icon img {

  display: block;

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

  object-fit: contain;

  -o-object-position: center;

  object-position: center;

}

.services_sec .flex .col .inner .head_flex h4 {

  text-transform: uppercase;

  align-self: center;

  font-size: 2rem;

  margin-bottom: 0;

  color: #fff;

  flex: 1;

}

.services_sec .flex .col .inner p {

  color: rgba(255, 255, 255, 0.8);

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

}

.services_sec .flex .col .inner a {

  text-transform: uppercase;

  color: #1b75bc;

  font-family: "Medium";

  font-size: 1.3rem;

}

.services_sec .flex .col .inner a:hover {

  color: #fff;

}



.product_sec .sec_heading {

  text-align: center;

  margin-bottom: 4rem;

}

.product_sec .flex {

  margin: -1rem;

}

.product_sec .flex .col {

  flex: unset;

  width: 25%;

  padding: 1rem;

}

@media (max-width: 991px) {

  .product_sec .flex .col {

    width: 50%;

  }

}

@media (max-width: 475px) {

  .product_sec .flex .col {

    width: 100%;

  }

}

.product_sec .flex .col .inner {

  border-radius: 10px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  -o-border-radius: 10px;

  border: 1px solid rgba(27, 117, 188, 0.5);

  position: relative;

  overflow: hidden;

}

.product_sec .flex .col .inner .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: 70%;

  overflow: hidden;

  box-shadow: none;

  display: block;

}

.product_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: contain;

  object-fit: contain;

  -o-object-position: center;

  object-position: center;

}

.product_sec .flex .col .inner .txt {

  padding: 2rem;

}

.product_sec .flex .col .inner .txt h3 {

  font-size: 1.8rem;

}

.product_sec .flex .col .inner .txt p {

  font-size: 1.5rem;

  opacity: 0.7;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

}

.product_sec .flex .col .inner .txt .price {

  color: #1b75bc;

}

.product_sec .flex .col .inner .action {

  position: absolute;

  top: 0;

  right: -2rem;

  bottom: 0;

  display: flex;

  align-items: flex-end;

  justify-content: center;

  flex-flow: column;

  gap: 1rem;

  transition: all ease 0.5s;

  opacity: 0;

}

.product_sec .flex .col .inner .action button,

.product_sec .flex .col .inner .action a {

  border: none;

  padding: 0;

  background-color: #1b75bc;

  color: #fff;

  font-size: 2rem;

  width: 4rem;

  height: 4rem;

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-box-orient: vertical;

  border-radius: 5px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  transition: all ease 0.5s;

}

.product_sec .flex .col .inner .action button:hover,

.product_sec .flex .col .inner .action a:hover {

  transition: all ease 0.5s;

  background-color: #fbb040;

}

.product_sec .flex .col .inner:hover .action {

  transition: all ease 0.5s;

  right: 1rem;

  opacity: 1;

}

.product_sec .btn_blk {

  margin-top: 4rem;

}



.process_sec {

  background-color: rgba(27, 117, 188, 0.05);

}

.process_sec .flex .colL {

  width: 50%;

  padding-right: 4rem;

  align-self: center;

}

@media (max-width: 991px) {

  .process_sec .flex .colL {

    width: 100%;

    padding-right: 0rem;

    padding-bottom: 2rem;

  }

}

.process_sec .flex .colR {

  width: 50%;

  padding-left: 3rem;

  padding-top: 2rem;

  padding-right: 2rem;

  position: relative;

}

@media (max-width: 991px) {

  .process_sec .flex .colR {

    width: 100%;

    padding-left: 0rem;

    padding-top: 0rem;

    padding-right: 0rem;

  }

}

.process_sec .flex .colR:before {

  position: absolute;

  top: 0;

  right: 0;

  content: "";

  width: 20rem;

  border-top: 25px solid #1b75bc;

  border-right: 25px solid #1b75bc;

  border-bottom: 25px solid transparent;

  border-left: 25px solid transparent;

  height: 20rem;

  border-radius: 20px;

}

.process_sec .txt_blk {

  margin-top: 4rem;

}

.process_sec .txt_blk .btn_blk {

  margin-top: 2rem;

}

.process_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: 100%;

  overflow: hidden;

  box-shadow: none;

}

@media (max-width: 991px) {

  .process_sec .image {

    padding-bottom: 60%;

  }

}

.process_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;

}

.process_sec .btn_blk {

  margin-top: 2rem;

}

.process_sec.grid_change .flex .colR {

  padding-top: 0;

  padding-right: 0;

  align-self: center;

}

.process_sec.grid_change .flex .colR:before {

  display: none;

}

.process_sec.grid_change .flex .colL {

  padding-top: 2rem;

  padding-left: 2rem;

  padding-right: 4rem;

  position: relative;

}

@media (max-width: 991px) {

  .process_sec.grid_change .flex .colL {

    padding-top: 0rem;

    padding-left: 0rem;

    padding-right: 0rem;

  }

}

.process_sec.grid_change .flex .colL:before {

  position: absolute;

  top: 0;

  left: 0;

  content: "";

  width: 20rem;

  border-top: 25px solid #1b75bc;

  border-left: 25px solid #1b75bc;

  border-bottom: 25px solid transparent;

  border-right: 25px solid transparent;

  height: 20rem;

  border-radius: 20px;

}

.process_sec ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

.process_sec ul li {

  position: relative;

  padding-left: 2.5rem;

  margin-bottom: 1rem;

}

.process_sec ul li:before {

  position: absolute;

  top: -0.4rem;

  bottom: 0;

  left: 0;

  content: "\f058";

  font-size: 1.9rem;

  color: #1b75bc;

  font-family: "FontAwesome";

}

.process_sec ul li strong {

  font-family: "SemiBold";

}



.cta_new_blk {

  padding-top: 0;

}

.cta_new_blk .cntnt {

  background-color: #fbb040;

  padding: 10rem 6rem;

  border-radius: 20px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -ms-border-radius: 20px;

  -o-border-radius: 20px;

  text-align: center;

}

@media (max-width: 767px) {

  .cta_new_blk .cntnt {

    padding: 4rem;

  }

}

.cta_new_blk .cntnt p {

  max-width: 70rem;

  margin: 0 auto 1rem;

}

.cta_new_blk .cntnt .btn_blk {

  margin-top: 2rem;

}



.grid_icons .flex {

  margin: -1rem;

}

.grid_icons .flex .col {

  padding: 1rem;

  width: 50%;

}

@media (max-width: 1024px) {

  .grid_icons .flex .col {

    width: 100%;

  }

}

.grid_icons .flex .col:first-child .inner {

  background: url(../assets/images/vid.jpg);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  position: relative;

  border-radius: 10px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  -o-border-radius: 10px;

  overflow: hidden;

  display: flex;

  -webkit-box-orient: vertical;

  justify-content: space-between;

  padding: 4rem;

  height: 100%;

}

.grid_icons .flex .col:first-child .inner:before {

  position: absolute;

  content: "";

  right: 145px;

  top: 0;

  left: 0;

  bottom: 0px;

  background: #fbb040;

  -webkit-clip-path: polygon(0 0, 100% 0, 60% 100%, 0% 100%);

          clip-path: polygon(0 0, 100% 0, 60% 100%, 0% 100%);

}

@media (max-width: 767px) {

  .grid_icons .flex .col:first-child .inner:before {

    right: 0;

    -webkit-clip-path: unset;

            clip-path: unset;

    opacity: 0.8;

  }

}

.grid_icons .flex .col:first-child .inner .cntnt {

  max-width: 27rem;

  position: relative;

}

.grid_icons .flex .col:first-child .inner .cntnt h2 {

  color: #fff;

  font-size: 4rem;

}

@media (max-width: 767px) {

  .grid_icons .flex .col:first-child .inner .cntnt h2 {

    font-size: 2.8rem;

  }

}

.grid_icons .flex .col:first-child .inner .cntnt .btn_blk {

  margin-top: 3rem;

}

.grid_icons .flex .col:last-child {

  display: flex;

  -webkit-box-orient: vertical;

  margin: -1rem;

}

@media (max-width: 1024px) {

  .grid_icons .flex .col:last-child {

    margin: unset;

  }

}

@media (max-width: 767px) {

  .grid_icons .flex .col:last-child {

    flex-wrap: wrap;

  }

}

.grid_icons .flex .col:last-child ._inner {

  width: 50%;

  padding: 1rem;

  height: 100%;

}

@media (max-width: 767px) {

  .grid_icons .flex .col:last-child ._inner {

    width: 100%;

    height: unset;

  }

}

.grid_icons .flex .col:last-child ._inner .mst {

  background-color: #fff;

  padding: 3rem;

  border-radius: 7px;

  -webkit-border-radius: 7px;

  -moz-border-radius: 7px;

  -ms-border-radius: 7px;

  -o-border-radius: 7px;

  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);

  height: 100%;

}

.grid_icons .flex .col:last-child ._inner .mst .img_icon {

  width: 6rem;

  height: 6rem;

  margin-bottom: 2rem;

  overflow: hidden;

}

.grid_icons .flex .col:last-child ._inner .mst .img_icon img {

  display: block;

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

  object-fit: contain;

  -o-object-position: center;

  object-position: center;

}

.grid_icons .flex .col:last-child ._inner .mst h4 {

  text-transform: uppercase;

  align-self: center;

  font-size: 2rem;

  position: relative;

  margin-bottom: 2.5rem;

}

.grid_icons .flex .col:last-child ._inner .mst h4:after {

  position: absolute;

  right: 0;

  bottom: -1.5rem;

  left: 0;

  content: "";

  width: 10rem;

  height: 3px;

  background-color: #1b75bc;

}

.grid_icons .flex .col:last-child ._inner .mst p {

  margin-bottom: 0;

}



@keyframes playVideo5 {

  0% {

    box-shadow: 0 0 0px 20px rgba(255, 255, 255, 0.1);

  }

  40% {

    box-shadow: 0 0 0px 5px rgba(255, 255, 255, 0.1);

  }

  80% {

    box-shadow: 0 0 0px 10px rgba(255, 255, 255, 0.1);

  }

  100% {

    box-shadow: 0 0 0px 20px rgba(255, 255, 255, 0.1);

  }

}

.sub_banner {

  background: url(../assets/images/abt-banner.jpg);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}

.sub_banner:before {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  content: "";

  background-color: #181818;

  opacity: 0.7;

}

.sub_banner .cntnt {

  color: #fff;

}

.sub_banner .cntnt h1 {

  color: #fff;

}

.sub_banner .cntnt p {

  margin-bottom: 0;

}



.value_sec .sec_heading {

  max-width: 70rem;

  margin: 0 auto 3rem;

}

.value_sec .flex {

  margin: -1rem;

}

.value_sec .flex .col {

  width: 25%;

  padding: 1rem;

  text-align: center;

}

@media (max-width: 991px) {

  .value_sec .flex .col {

    width: 50%;

  }

}

@media (max-width: 767px) {

  .value_sec .flex .col {

    width: 100%;

  }

}

.value_sec .flex .col .img_icon {

  width: 6rem;

  height: 6rem;

  margin: 0 auto 1.5rem;

  overflow: hidden;

}

.value_sec .flex .col .img_icon img {

  display: block;

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

  object-fit: contain;

  -o-object-position: center;

  object-position: center;

}

.value_sec .flex .col h4 {

  font-size: 2rem;

}

.value_sec .flex .col p {

  margin-bottom: 0;

}

.value_sec .flex.cap_flex .col {

  width: 33.3333333333%;

  text-align: left;

}

@media (max-width: 576px) {

  .value_sec .flex.cap_flex .col {

    width: 100%;

  }

}

.value_sec .flex.cap_flex .col .img_icon {

  margin: unset;

  margin-bottom: 1.5rem;

}

.value_sec .text_flex {

  display: flex;

  flex-flow: wrap;

  gap: 5rem;

  margin: 6rem 0;

}

@media (max-width: 767px) {

  .value_sec .text_flex {

    flex-direction: column;

  }

}

.value_sec .text_flex > div {

  flex: 1;

}

.value_sec .text_flex > div.left_blk {

  text-align: right;

}

@media (max-width: 767px) {

  .value_sec .text_flex > div.left_blk {

    text-align: left;

  }

}

.value_sec .text_flex > div h3 {

  font-size: 2rem;

}



.history_sec {

  background: url(../assets/images/banner.jpg);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}

.history_sec:before {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  content: "";

  background-color: #181818;

  opacity: 0.8;

}

.history_sec .sec_heading {

  max-width: 70rem;

}

.history_sec .sec_heading h2 {

  color: #fff;

}

.history_sec .txt {

  margin-left: 10rem;

}

@media (max-width: 991px) {

  .history_sec .txt {

    margin-left: 0;

  }

}

.history_sec .txt * {

  color: #fff;

}

.history_sec .txt ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

.history_sec .txt ul li {

  position: relative;

  padding-left: 2.5rem;

}

.history_sec .txt ul li:not(:last-child) {

  margin-bottom: 1rem;

}

.history_sec .txt ul li:before {

  position: absolute;

  top: -0.4rem;

  bottom: 0;

  left: 0;

  content: "\f058";

  font-size: 1.9rem;

  color: #1b75bc;

  font-family: "FontAwesome";

}



.portfolio_sec .ttb {

  overflow-x: auto;

}

.portfolio_sec .nav-tabs {

  display: flex;

  -webkit-box-orient: vertical;

  border-bottom: none;

}

@media (max-width: 991px) {

  .portfolio_sec .nav-tabs {

    width: 210%;

  }

}

@media (max-width: 767px) {

  .portfolio_sec .nav-tabs {

    width: 450%;

  }

}

.portfolio_sec .nav-tabs li {

  background-color: #fff;

  border-radius: 6px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -ms-border-radius: 6px;

  -o-border-radius: 6px;

  padding: 2rem;

  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);

  border: none;

  margin-right: 1rem;

}

.portfolio_sec .nav-tabs li a {

  display: block;

  border: none;

  padding: 0;

  background-color: transparent;

}

.portfolio_sec .nav-tabs li a .icon {

  width: 6rem;

  height: 6rem;

  margin: 0 auto 1.5rem;

  overflow: hidden;

  transition: all ease 0.5s;

}

.portfolio_sec .nav-tabs li a .icon img {

  display: block;

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

  object-fit: contain;

  -o-object-position: center;

  object-position: center;

}

.portfolio_sec .nav-tabs li a h4 {

  margin-bottom: 0;

  text-align: center;

  text-transform: uppercase;

  font-size: 1.7rem;

  transition: all ease 0.5s;

}

.portfolio_sec .nav-tabs li a:hover, .portfolio_sec .nav-tabs li a:focus {

  background-color: transparent;

  border: none;

}

.portfolio_sec .nav-tabs li.active, .portfolio_sec .nav-tabs li:hover {

  border: none;

  background-color: #fbb040;

}

.portfolio_sec .nav-tabs li.active a, .portfolio_sec .nav-tabs li:hover a {

  border: none;

}

.portfolio_sec .nav-tabs li.active .icon, .portfolio_sec .nav-tabs li:hover .icon {

  filter: brightness(0) invert(1);

  transition: all ease 0.5s;

}

.portfolio_sec .nav-tabs li.active h4, .portfolio_sec .nav-tabs li:hover h4 {

  color: #fff;

  transition: all ease 0.5s;

}

.portfolio_sec .tab-content {

  margin-top: 3rem;

}

.portfolio_sec .tab-content .imgGallery {

  display: flex;

  -webkit-box-orient: vertical;

  flex-wrap: wrap;

}

.portfolio_sec .tab-content .imgGallery a {

  width: 50%;

  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: 30%;

  overflow: hidden;

  box-shadow: none;

  border: 5px solid #fff;

}

@media (max-width: 767px) {

  .portfolio_sec .tab-content .imgGallery a {

    width: 100%;

    padding-bottom: 60%;

  }

}

.portfolio_sec .tab-content .imgGallery a 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;

}

.portfolio_sec .tab-content .imgGallery a:hover img {

  transition: all ease 0.5s;

  transform: scale(1.5);

}

.portfolio_sec .tab-content .imgGallery a .cntnt {

  position: absolute;

  right: 2rem;

  bottom: 2rem;

  left: 2rem;

  padding: 2rem;

  background-color: rgba(24, 24, 24, 0.8);

  border-radius: 7px;

  -webkit-border-radius: 7px;

  -moz-border-radius: 7px;

  -ms-border-radius: 7px;

  -o-border-radius: 7px;

}

.portfolio_sec .tab-content .imgGallery a .cntnt h4 {

  color: #fff;

  font-size: 2rem;

}

.portfolio_sec .tab-content .imgGallery a .cntnt p {

  color: #fff;

  margin-bottom: 0;

}

.portfolio_sec .outer_cntnt {

  max-width: 70rem;

  margin: 5rem auto 0;

  text-align: center;

}



.ser_pg {

  background-color: unset;

}



.ser_pg:before {

  display: none;

}



#ser_pg .col {

  width: 33.3333333333%;

  padding: 10px;

}

@media (max-width: 991px) {

  #ser_pg .col {

    width: 50% !important;

  }

}

@media (max-width: 767px) {

  #ser_pg .col {

    width: 100% !important;

  }

}



.ser_pg {

  background-color: unset;

}



.ser_pg:before {

  display: none;

}



#ser_pg .col {

  width: 33.3333333333%;

  padding: 10px;

} 

.content_center {

  max-width: 780px;

  margin: 0 auto 30px;

  text-align: center;

}



#ser_pg .col .inner {

  background-color: #181818;

  padding: 17px;

  border-radius: 8px;

  color: #fff;

}



#ser_pg .col .inner .image {

  height: 322px;

  border-radius: 8px;

  margin-bottom: 30px;

  overflow: hidden;

}



#ser_pg .col .inner .image img {

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  -o-object-position: center;

     object-position: center;

}



#ser_pg .col .inner h4 {

  color: #fff;

}



#ser_pg {

  padding-bottom: 0;

}



#ser_pg .col .inner a {

  color: #9f7537;

  margin-top: 20px;

}



/* =============cmnForm=============== */

.cmnForm .colL {

  width: 50%;

  align-self: center;

  padding-right: 40px;

}

@media (max-width: 991px) {

  .cmnForm .colL {

    width: 100% !important;

  }

}

@media (max-width: 991px) {

  .cmnForm .colL {

    padding-right: 0px;

  }

}



.cmnForm .colL .heading {

  width: 100%;

}



.cmnForm .colL ul li {

  width: 100%;

  margin-bottom: 10px;

  font-size: 18px;

  display: flex;

  align-items: center;

}



.cmnForm .colR {

  width: 50%;

  padding-left: 10px;

  align-self: center;

}

@media (max-width: 991px) {

  .cmnForm .colR {

    width: 100% !important;

  }

}



.cmnForm .image {

  position: relative;

  width: 60px;

  height: 60px;

  padding: 12px;

  background: #9f7537;

  /* padding-top: 0; */

  border-radius: 100%;

  margin-bottom: 17px;

  margin-top: 10px;

  margin-right: 20px;

}



.cmnForm .image img {

  filter: brightness(0) invert(1);

}



.cmnForm .image::before {

  position: absolute;

  left: -8px;

  top: -5px;

  height: 100%;

  width: 100%;

  background: #9f7537;

  opacity: 0.2;

  content: "";

  border-radius: 100%;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  -o-border-radius: 100%;

}



.cmnForm .colL ul li h5 {

  font-size: 20px;

  color: #9f7537;

  font-family: "Medium";

  position: relative;

  padding-bottom: 0px;

  margin-bottom: 2px;

}



/* .cmnForm .colL ul li h5:before {

  position: absolute;

  content: "";

  bottom: 0;

  width: 40px;

  height: 2px;

  background: #068fff;

} */

.cmnForm .colL ul li a {

  display: block;

  font-size: 18px;

  color: #313131;

  position: relative;

  z-index: 3;

  width: -moz-fit-content;

  width: fit-content;

}



.cmnForm .colL ul li p {

  font-size: 18px;

}



.cmnForm form {

  background: #fff;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  position: relative;

  padding: 40px;

  border-radius: 20px;

  overflow: hidden;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -ms-border-radius: 20px;

  -o-border-radius: 20px;

  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);

}



.cmnForm form .webBtn {

  width: 100%;

}



.cmnForm form h3 {

  margin-bottom: 30px;

  position: relative;

  font-size: 30px;

  text-align: center;

}



#smbanner {

  padding: 22px 0px;

  background: #f4fcfb;

  padding-top: 15px;

  padding-bottom: 32px;

}



#smbanner h1 {

  font-size: 50px;

  text-transform: capitalize;

  text-shadow: 0em 0em 1.25em rgba(0, 0, 0, 0.37);

  text-align: center;

}



.cmnForm .txtGrp label ~ .txtBox:not(button) {

  padding: 16px 12px 6px;

}



.cmnForm .txtBox:-webkit-autofill {

  -webkit-transition: background-color 5000s ease-in-out 0s;

  transition: background-color 5000s ease-in-out 0s;

}



textarea.txtBox {

  height: 120px;

  resize: none;

}



.cmnForm .txtGrp {

  position: relative;

}



.cmnForm .txtBox:disabled {

  background: #e3e8ee;

  cursor: not-allowed;

  border-color: #d8dee6 !important;

}



.cmnForm .txtBox::-moz-placeholder {

  color: #080a0f;

}



.cmnForm .txtBox::placeholder {

  color: #080a0f;

}



.cmnForm .txtBox:focus::-moz-placeholder {

  opacity: 0.4;

}



.cmnForm .txtBox:focus::placeholder {

  opacity: 0.4;

}



.cmnForm .txtGrp .txtBox:focus::-moz-placeholder {

  opacity: 0;

}



.cmnForm .txtGrp .txtBox:focus::placeholder {

  opacity: 0;

}



.cmnForm .txtBox:hover,

.cmnForm .txtBox:focus {

  border-color: rgba(60, 177, 225, 0.3490196078);

}



.txtBox {

  display: block;

  width: 100%;

  height: 46px;

  background: #fefefe;

  text-align: left;

  padding: 6px 12px;

  border: 1px solid #eee;

  border-radius: 6px;

  outline: none !important;

  transition: all ease 0.5s;

  font-size: 15px;

  color: #5e5e5e;

}



.formRow > [class*=col-],

.formRow > [class^=col-] {

  padding: 10px;

}



.txtGrp:not(.lblBtn) > label.move {

  font-size: 14px;

  transform: translateY(-12px);

}



.cmnForm .txtGrp {

  position: relative;

}



.cmnForm .colL .heading {

  width: 100%;

  margin-bottom: 40px;

}



.opt_sec .flex .colL {

  width: 50%;

  padding-right: 3rem;

  align-self: center;

}

@media (max-width: 767px) {

  .opt_sec .flex .colL {

    width: 100%;

    padding-right: 0;

    margin-bottom: 2rem;

  }

}

.opt_sec .flex .colL .sec_heading {

  margin-bottom: 0;

}

.opt_sec .flex .colL .sec_heading h2 {

  margin-bottom: 0;

}

.opt_sec .flex .colR {

  width: 50%;

  padding-left: 3rem;

}

@media (max-width: 767px) {

  .opt_sec .flex .colR {

    width: 100%;

    padding-left: 0;

  }

}

.opt_sec .flex .colR ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

.opt_sec .flex .colR ul li {

  position: relative;

  padding-left: 2.5rem;

  margin-bottom: 1rem;

}

.opt_sec .flex .colR ul li:before {

  position: absolute;

  top: -0.4rem;

  bottom: 0;

  left: 0;

  content: "\f058";

  font-size: 1.9rem;

  color: #1b75bc;

  font-family: "FontAwesome";

}

.opt_sec .flex .colR ul li strong {

  font-family: "SemiBold";

}



.dif_sec {

  padding-top: 0;

}

.dif_sec .flex {

  background-color: #1b75bc;

  border-radius: 20px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -ms-border-radius: 20px;

  -o-border-radius: 20px;

  padding: 10rem 6rem;

  gap: 4rem;

}

@media (max-width: 767px) {

  .dif_sec .flex {

    padding: 4rem;

    flex-direction: column;

  }

}

.dif_sec .flex .col {

  flex: 1;

}

.dif_sec .flex .col * {

  color: #fff;

}



.contact_pg .sec_heading {

  margin-bottom: 4rem;

}

.contact_pg .col-sm-6 {

  width: 50%;

}

@media (max-width: 576px) {

  .contact_pg .col-sm-6 {

    width: 100%;

  }

}

.contact_pg .col-sm-12 {

  width: 100%;

}

.contact_pg .colL {

  width: 35%;

  padding-right: 5rem;

  align-self: center;

}

@media (max-width: 991px) {

  .contact_pg .colL {

    width: 100%;

    padding-right: 0;

  }

}

.contact_pg .colL .inner h3 {

  font-size: 2rem;

  margin-bottom: 2rem;

}

.contact_pg .colL .inner ul {

  list-style: none;

  padding: 0;

  margin: 0;

  margin: 20px 0px;

}

.contact_pg .colL .inner ul li {

  margin: 10px 0px;

}

.contact_pg .colL .inner ul li a,

.contact_pg .colL .inner ul li p {

  display: flex;

  -webkit-box-orient: vertical;

}

.contact_pg .colL .inner ul li i,

.contact_pg .colL .inner ul li img {

  font-size: 16px;

  color: #1b75bc;

  margin-right: 10px;

  width: 30px;

  height: 30px;

  background: #1b75bc;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 50px;

  padding: 0.5rem;

}

.contact_pg .colL .inner ul li span {

  flex: 1;

  color: #000;

}

.contact_pg .colR {

  width: 65%;

  padding-left: 2rem;

}

@media (max-width: 991px) {

  .contact_pg .colR {

    width: 100%;

    padding-left: 0;

    margin-top: 2rem;

  }

}

.contact_pg .colR form {

  padding: 4rem;

  border-radius: 20px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -ms-border-radius: 20px;

  -o-border-radius: 20px;

  background-color: rgba(27, 117, 188, 0.05);

}

.contact_pg .colR form .btn_blk {

  margin-top: 3rem;

}



.blk_product_loop .sec_product:nth-child(even) {

  background-color: rgba(27, 117, 188, 0.1);

}

.blk_product_loop .sec_product .sec_content {

  max-width: 90rem;

}

.blk_product_loop .sec_product .icons_flex {

  margin-top: 8rem;

  justify-content: center;

}

.blk_product_loop .sec_product .icons_flex .cols {

  width: 20%;

  text-align: center;

}

@media (max-width: 576px) {

  .blk_product_loop .sec_product .icons_flex .cols {

    width: 33.3333333333%;

    padding: 1rem;

  }

}

@media (max-width: 475px) {

  .blk_product_loop .sec_product .icons_flex .cols {

    width: 50%;

  }

}

.blk_product_loop .sec_product .icons_flex .cols .img_icon {

  margin: 0 auto;

  width: 65px;

  height: 65px;

  border-radius: 100%;

  background: #1b75bc;

  margin-bottom: 10px;

  padding: 15px;

}

.blk_product_loop .sec_product .icons_flex .cols .img_icon img {

  display: block;

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

  object-fit: contain;

  -o-object-position: center;

  object-position: center;

}

.blk_product_loop .sec_product .products {

  margin-top: 8rem;

}

.blk_product_loop .sec_product .products .product_sec .flex {

  margin-top: 2rem;

}

.blk_product_loop .sec_product .products .product_sec .col {

  width: 50% !important;

}

@media (max-width: 1024px) {

  .blk_product_loop .sec_product .products .product_sec .col {

    width: 100% !important;

  }

}

.blk_product_loop .sec_product .products .product_sec .col .inner {

  border: 1px solid rgba(27, 117, 188, 0.14);

  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);

}

.blk_product_loop .sec_product .products .product_sec .col .inner .block {

  display: flex;

  background-color: #fff;

  padding: 3rem;

}

@media (max-width: 475px) {

  .blk_product_loop .sec_product .products .product_sec .col .inner .block {

    padding: 2rem;

  }

}

.blk_product_loop .sec_product .products .product_sec .col .inner .block .image {

  width: 45%;

  padding-bottom: 40% !important;

}

@media (max-width: 475px) {

  .blk_product_loop .sec_product .products .product_sec .col .inner .block .image {

    width: 55%;

  }

}

.blk_product_loop .sec_product .products .product_sec .col .inner .block .txt {

  padding-left: 10px !important;

  align-self: center;

}

@media (max-width: 475px) {

  .blk_product_loop .sec_product .products .product_sec .col .inner .block .txt {

    padding: 0;

  }

}

.blk_product_loop .sec_product .products .product_sec .col .inner .block .txt ul {

  list-style: none;

  padding: 0;

  margin: 0;

  display: flex;

  flex-flow: wrap;

}

.blk_product_loop .sec_product .products .product_sec .col .inner .block .txt ul li {

  list-style: none;

  padding-bottom: 1.2rem;

  width: 50%;

}

@media (max-width: 475px) {

  .blk_product_loop .sec_product .products .product_sec .col .inner .block .txt ul li {

    width: 100%;

  }

}

.blk_product_loop .sec_product .products .product_sec .col .inner .block .txt ul li:nth-child(even) {

  padding-left: 2rem;

}

@media (max-width: 475px) {

  .blk_product_loop .sec_product .products .product_sec .col .inner .block .txt ul li:nth-child(even) {

    padding-left: 0;

  }

}

.blk_product_loop .sec_product .products .product_sec .col .inner .block .txt ul li p {

  margin-bottom: 3px;

  font-size: 1.2rem;

}

.blk_product_loop .sec_product .products .product_sec .col .inner .block .txt ul li h6 {

  margin-bottom: 0px;

}

.blk_product_loop .sec_product .lst_btn {

  margin-top: 3rem;

}

.blk_product_loop .product_icons {

  display: flex;

  flex-flow: wrap;

  margin: -1rem;

  margin-top: 6rem;

  margin-bottom: 6rem;

}

.blk_product_loop .product_icons ._col {

  width: 25%;

  padding: 1rem;

}

@media (max-width: 767px) {

  .blk_product_loop .product_icons ._col {

    width: 33.3333333333%;

  }

}

@media (max-width: 475px) {

  .blk_product_loop .product_icons ._col {

    width: 50%;

  }

}

.blk_product_loop .product_icons ._col .img {

  width: 8rem;

  height: 8rem;

  margin: 0 auto 1.5rem;

}

.blk_product_loop .product_icons ._col .img img {

  display: block;

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

  object-fit: contain;

  -o-object-position: center;

  object-position: center;

}

.blk_product_loop .product_icons ._col .txt h3 {

  font-size: 2.2rem;

  margin-bottom: 0;

  text-align: center;

}

.blk_product_loop .flex_grid {

  display: flex;

  flex-flow: wrap;

  gap: 4rem;

  margin: 6rem 0;

}

.blk_product_loop .flex_grid > div {

  flex: 1;

  align-self: center;

}

@media (max-width: 991px) {

  .blk_product_loop .flex_grid > div {

    flex: unset;

    width: 100%;

  }

}

.blk_product_loop .flex_grid .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: 70%;

  overflow: hidden;

  box-shadow: none;

}

.blk_product_loop .flex_grid .image img {

  display: block;

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

  object-fit: contain;

  -o-object-position: center;

  object-position: center;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

}

.blk_product_loop .flex_grid .colR h4 {

  font-size: 2rem;

}

.blk_product_loop .flex_grid .colR ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

.blk_product_loop .flex_grid .colR ul li {

  position: relative;

  padding-left: 2.5rem;

  margin-bottom: 1rem;

}

.blk_product_loop .flex_grid .colR ul li:before {

  position: absolute;

  top: -0.4rem;

  bottom: 0;

  left: 0;

  content: "\f058";

  font-size: 1.9rem;

  color: #1b75bc;

  font-family: "FontAwesome";

}

.blk_product_loop .flex_grid .colR ul li strong {

  font-family: "SemiBold";

}



.product_detail .sec_heading {

  margin-top: 50px;

}

.product_detail .key_features {

  margin-top: 30px;

}

.product_detail .flex_grid1 {

  display: flex;

  flex-wrap: wrap;

}

.product_detail .flex_grid1 .colL {

  width: 25%;

  padding: 10px;

}

@media (max-width: 1024px) {

  .product_detail .flex_grid1 .colL {

    width: 50%;

  }

}

@media (max-width: 576px) {

  .product_detail .flex_grid1 .colL {

    width: 100%;

  }

}

.product_detail .flex_grid1 .colL .bottom {

  display: flex;

  align-items: center;

}

.product_detail .flex_grid1 .colL .bottom .image {

  width: 60%;

  box-shadow: none;

}

.product_detail .flex_grid1 .colL .bottom ul {

  padding-left: 0;

  margin-bottom: 0;

  padding: 15px 0;

}

.product_detail .flex_grid1 .colL .bottom ul li {

  list-style: none;

  border-bottom: 1px solid rgba(238, 238, 238, 0.4);

  padding: 5px 0;

}

.product_detail .flex_grid1 .colL .bottom ul li:last-child {

  padding-bottom: 0;

  border-bottom: 0;

}

.product_detail .flex_grid1 .colL .bottom ul li h6 {

  margin-bottom: 0;

}

.product_detail .flex_grid1 .colL .bottom ul li p {

  margin-bottom: 3px;

  color: #999999;

  font-size: 1.2rem;

}

.product_detail .img_block {

  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) !important;

  border: 1px solid #fcb040;

  border-radius: 20px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -ms-border-radius: 20px;

  -o-border-radius: 20px;

  overflow: hidden;

}

.product_detail .img_block .content1 {

  padding: 14px;

  padding-bottom: 0;

}

.product_detail .img_block .content1 h5 {

  margin-bottom: 0;

}

.product_detail .img_block .content {

  background: #fcb040;

  width: 100%;

  padding: 14px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.product_detail .img_block .content h4 {

  margin-bottom: 0;

  text-transform: capitalize;

  color: #fff;

}

.product_detail .img_block .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: 53%;

  overflow: hidden;

}

.product_detail .img_block .image img {

  display: block;

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

  object-fit: contain;

  -o-object-position: center;

  object-position: center;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

}

.product_detail .f_detail {

  margin-top: 40px;

}

.product_detail .f_detail h4 {

  font-size: 2rem;

  margin-top: 2rem;

}

.product_detail .f_detail ul {

  padding-left: 15px;

}

.product_detail .icons_flex {

  justify-content: center;

}

.product_detail .icons_flex .cols {

  width: 20%;

  text-align: center;

  padding: 10px;

}

@media (max-width: 991px) {

  .product_detail .icons_flex .cols {

    width: 33.3333333333%;

  }

}

@media (max-width: 576px) {

  .product_detail .icons_flex .cols {

    width: 50%;

  }

}

.product_detail .icons_flex .cols .inner {

  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);

  padding: 20px;

  border-radius: 20px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -ms-border-radius: 20px;

  -o-border-radius: 20px;

}

.product_detail .icons_flex .cols .inner .img_icon {

  margin: 0 auto;

  width: 100px;

  height: 100px;

  border-radius: 100%;

  background: #1b75bc;

  margin-bottom: 15px;

  padding: 25px;

}

@media (max-width: 375px) {

  .product_detail .icons_flex .cols .inner .img_icon {

    width: 7rem;

    height: 7rem;

  }

}



.key_industries {

  background-image: url(../assets/images/abt.jpg);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  position: relative;

  margin-bottom: 9rem;

}

@media (max-width: 767px) {

  .key_industries {

    margin-bottom: 4rem;

  }

}

.key_industries .elementor-background-overlay {

  height: 100%;

  width: 100%;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-color: #1b75bc;

  opacity: 0.9;

  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;

}

.key_industries .flex {

  position: relative;

  z-index: 1;

}

.key_industries .flex .col1 {

  width: 30%;

  align-self: center;

}

@media (max-width: 991px) {

  .key_industries .flex .col1 {

    width: 100%;

  }

}

.key_industries .flex .col1 h2 {

  color: #fff;

}

.key_industries .flex .col2 {

  width: 70%;

  padding-left: 30px;

}

@media (max-width: 991px) {

  .key_industries .flex .col2 {

    width: 100%;

    padding-left: 0;

    margin-top: 2rem;

  }

}

.key_industries .flex .col2 ul {

  display: flex;

  flex-wrap: wrap;

  padding-left: 0;

}

.key_industries .flex .col2 ul li {

  color: #fff;

  list-style: none;

  width: 50%;

  padding-bottom: 7px;

  position: relative;

  padding-left: 2.5rem;

  margin-bottom: 1rem;

}

@media (max-width: 767px) {

  .key_industries .flex .col2 ul li:last-child {

    margin-bottom: 0;

  }

}

@media (max-width: 767px) {

  .key_industries .flex .col2 ul li {

    width: 100%;

  }

}

.key_industries .flex .col2 ul li:before {

  position: absolute;

  top: -0.4rem;

  bottom: 0;

  left: 0;

  content: "\f058";

  font-size: 1.9rem;

  color: #fff;

  font-family: "FontAwesome";

}



.pro_sec_pg .flex .colL {

  width: 40%;

  padding-right: 2rem;

}

@media (max-width: 1024px) {

  .pro_sec_pg .flex .colL {

    width: 100%;

    padding-right: 0;

    margin-bottom: 3rem;

  }

}

.pro_sec_pg .flex .colL .sec_heading {

  margin-bottom: 2.5rem;

}

.pro_sec_pg .flex .colL ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

.pro_sec_pg .flex .colL ul li {

  padding-bottom: 7px;

  position: relative;

  padding-left: 2.5rem;

  margin-bottom: 1rem;

}

.pro_sec_pg .flex .colL ul li:before {

  position: absolute;

  top: -0.4rem;

  bottom: 0;

  left: 0;

  content: "\f058";

  font-size: 1.9rem;

  color: #1b75bc;

  font-family: "FontAwesome";

}

.pro_sec_pg .flex .colR {

  width: 60%;

  align-self: center;

  background-color: rgba(27, 117, 188, 0.05);

  padding: 6rem;

  border-radius: 20px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -ms-border-radius: 20px;

  -o-border-radius: 20px;

}

@media (max-width: 1024px) {

  .pro_sec_pg .flex .colR {

    width: 100%;

    padding: 4rem;

  }

}

.pro_sec_pg .flex .colR .icons_flex {

  justify-content: center;

}

.pro_sec_pg .flex .colR .icons_flex .cols {

  width: 33.3333333333%;

  text-align: center;

  padding: 2rem;

}

@media (max-width: 576px) {

  .pro_sec_pg .flex .colR .icons_flex .cols {

    width: 50%;

  }

}

.pro_sec_pg .flex .colR .icons_flex .cols .img_icon {

  margin: 0 auto;

  width: 65px;

  height: 65px;

  border-radius: 100%;

  background: #1b75bc;

  margin-bottom: 10px;

  padding: 15px;

}

.pro_sec_pg .flex .colR .icons_flex .cols .img_icon img {

  display: block;

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

  object-fit: contain;

  -o-object-position: center;

  object-position: center;

}
.home_icons_flex{
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  margin-bottom: 2rem;
}
.home_icons_flex .img_icon{
  width: 4rem;
  height: 4rem;
  position: relative;
  background: #1b75bc;
  padding: 1rem;
  border-radius: 50%;
}
.home_icons_flex .img_icon:before{
  content: attr(data-tip);
  position: absolute;
  top: -28px;
  left: -13px;
  width: max-content;
  background-color: #1b75bc;
  border-radius: 5px;
  padding: .5rem 1rem;
  line-height: 1;
  font-size: 1.3rem;
  color: #fff;
  opacity: 0;
  transition: all 0.5s ease;
}
.home_icons_flex .img_icon:hover:before{
  opacity: 1;
  transition: all 0.5s ease;
}
.home_icons_flex .img_icon img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}/*# sourceMappingURL=App.css.map */