#preloader {
  position:fixed;
  top:0;
  right:0;
  left:0;
  bottom:0;
  background-color:#fff;
  z-index:999999;
  -webkit-transition:0.3s ease opacity;
  transition:0.3s ease opacity;
  text-align:center;
  width:100%;
  height:100%
}

#preloader:before {
  content:"";
  width:80px;
  height:80px;
  border:3px solid #0d72ff;
  display:block;
  border-radius:50%;
  position:absolute;
  top:50%;
  left:50%;
  opacity:0;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  -webkit-animation-name:LoaderCicle;
  animation-name:LoaderCicle;
  -webkit-animation-duration:2s;
  animation-duration:2s;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
  animation-timing-function:linear
}

#preloader:after {
  content:"";
  width:80px;
  height:80px;
  border:3px solid #0d72ff;
  display:block;
  border-radius:50%;
  position:absolute;
  top:50%;
  left:50%;
  opacity:0;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  -webkit-animation-name:LoaderCicle;
  animation-name:LoaderCicle;
  -webkit-animation-duration:2s;
  animation-duration:2s;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
  animation-timing-function:linear;
  -webkit-animation-delay:1s;
  animation-delay:1s
}

@-webkit-keyframes LoaderCicle {
  0% {
  width:0;
  height:0;
  opacity:0
}

10% {
  width:10px;
  height:10px;
  opacity:1
}

80% {
  width:60px;
  height:60px;
  opacity:0.1
}

100% {
  width:70px;
  height:70px;
  opacity:0
}
}

@keyframes LoaderCicle {
  0% {
  width:0;
  height:0;
  opacity:0
}

10% {
  width:10px;
  height:10px;
  opacity:1
}

80% {
  width:60px;
  height:60px;
  opacity:0.1
}

100% {
  width:70px;
  height:70px;
  opacity:0
}
}

a:hover,a:active {
  color:#0d72ff;
  text-decoration:none
}

.primary-overlay[data-overlay-dark]:before {
  background:#0d72ff
}

.secondary-overlay[data-overlay-dark]:before {
  background:#14212B
}

.left-overlay-secondary[data-overlay-dark]:before {
  background:rgba(20,33,43,0.96);
  background:-webkit-gradient(linear, right top, left top, from(transparent), color-stop(75%, #14212B));
  background:linear-gradient(-90deg, transparent, #14212B 75%)
}

.dark-overlay[data-overlay-dark]:before {
  background:#000
}

.text-primary,.text-primary-hover:hover {
  color:#0d72ff !important
}

.bg-primary {
  background-color:#0d72ff !important
}

.text-secondary,.text-secondary-hover:hover {
  color:#14212B !important
}

.bg-secondary {
  background-color:#14212B !important
}

.bg-light {
  background-color:rgba(9,184,80,0.05) !important
}

.text-secondary-hover:hover {
  color:#14212B !important
}

.border-primary {
  border:1px solid #0d72ff !important
}

.text-dark {
  color:#041b16 !important
}

.text-white-hover:hover {
  color:#fff !important
}

.border-radius-top {
  border-top-left-radius:10px;
  border-top-right-radius:10px
}

.background-position-center {
  background-position:center
}

.form-control {
  border-radius:0
}

.ls-minus-2px {
  letter-spacing:-2px
}

.min-vh-100 {
  min-height:100vh
}

.map-h500 {
  height:500px;
  width:100%
}

.height-470px {
  height:470px
}

.height-400px {
  height:400px
}

.height-560px {
  height:560px
}

.height-590px {
  height:590px
}

.min-vh-67 {
  min-height:67vh !important
}

@media screen and (min-width: 992px) {
  .min-width-100 {
  width:100vw !important
}
}

.scroll-top-percentage {
  height:60px;
  width:60px;
  border-radius:50%;
  position:fixed;
  bottom:40px;
  color:#fff;
  right:50px;
  -webkit-transform:scale(0);
  transform:scale(0);
  display:-ms-grid;
  display:grid;
  place-items:center;
  cursor:pointer;
  visibility:hidden;
  opacity:0;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
  z-index:100
}

.scroll-top-percentage.active {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1;
  visibility:visible;
  -webkit-animation:500ms ease-in-out 0s normal none 1 running scrollToTop;
  animation:500ms ease-in-out 0s normal none 1 running scrollToTop;
  -webkit-transition:0.3s;
  transition:0.3s
}

@media screen and (max-width: 1199px) {
  .scroll-top-percentage {
  right:30px;
  bottom:20px
}
}

#scroll-value {
  height:calc(100% - 6px);
  width:calc(100% - 6px);
  color:var(--rr-common-white);
  border-radius:50%;
  display:-ms-grid;
  display:grid;
  place-items:center;
  font-size:16px;
  font-weight:600
}

#scroll-value i {
  font-size:20px
}

@-webkit-keyframes scrollToTop {
  0% {
  -webkit-transform:translate3d(0, 80%, 0);
  transform:translate3d(0, 80%, 0);
  visibility:visible
}

to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
}
}

@keyframes scrollToTop {
  0% {
  -webkit-transform:translate3d(0, 80%, 0);
  transform:translate3d(0, 80%, 0);
  visibility:visible
}

to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
}
}

@-webkit-keyframes rotated_circle {
  0% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
}

100% {
  -webkit-transform:rotate(-360deg);
  transform:rotate(-360deg)
}
}

@keyframes rotated_circle {
  0% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
}

100% {
  -webkit-transform:rotate(-360deg);
  transform:rotate(-360deg)
}
}

.list-style01 li {
  position:relative;
  padding-left:30px;
  margin-bottom:12px
}

.list-style01 li:last-child {
  margin-bottom:0
}

.list-style01 li:before {
  content:"\e64c";
  font-family:'themify';
  position:absolute;
  left:0;
  top:4px;
  color:#0d72ff
}

.list-style02 li {
  position:relative;
  padding-left:30px;
  margin-bottom:12px;
  color:#fff
}

.list-style02 li:before {
  content:"\f058";
  font-family:"Font Awesome 6 Free";
  position:absolute;
  left:0;
  top:3px
}

.list-style02.last li {
  color:unset
}

.list-style03 li {
  margin-bottom:15px;
  position:relative;
  padding-left:20px
}

.list-style03 li:last-child {
  margin-bottom:0
}

.list-style03 li:before {
  content:"\e661";
  font-family:themify;
  color:#fff;
  font-size:12px;
  left:0;
  top:4px;
  position:absolute
}

.list-style04 {
  list-style:none;
  padding-left:0
}

.list-style04 li {
  line-height:32px;
  padding-left:30px;
  position:relative;
  margin-bottom:8px
}

.list-style04 li:last-child {
  margin-bottom:0
}

.list-style04 li:before {
  content:'\f058';
  font-family:"Font Awesome 6 Free";
  font-size:18px;
  position:absolute;
  top:0;
  left:0;
  font-weight:700;
  line-height:35px;
  color:#0d72ff
}

.list-style04.second li {
  color:#fff
}

.list-style04.second li:before {
  color:#fff
}

.list-style05 li {
  display:inline-block;
  margin-right:10px
}

.list-style05 li:last-child {
  margin-right:0
}

.list-style05 li a {
  width:40px;
  height:40px;
  display:inline-block;
  text-align:center;
  line-height:40px;
  font-size:15px;
  position:relative;
  overflow:hidden;
  z-index:1;
  color:#fff;
  border-radius:50%;
  border:1px solid rgba(225,225,225,0.2)
}

.list-style05 li a:before {
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:0%;
  background:#0d72ff;
  -webkit-transition:0.5s;
  transition:0.5s;
  content:"";
  z-index:-1
}

.list-style05 li a:hover:before {
  width:100%
}

.list-style06 li {
  margin-bottom:20px;
  position:relative
}

.list-style06 li:last-child {
  margin-bottom:0
}

.list-style06 li a {
  color:rgba(255,255,255,0.8)
}

.list-style06 li:hover a,.list-style06 li:hover:before {
  color:#0d72ff
}

.list-style07 li {
  margin-bottom:10px
}

.list-style07 li:last-child {
  margin-bottom:0
}

.list-style07 li a {
  color:rgba(255,255,255,0.7)
}

.list-style07 li a i {
  width:30px;
  height:30px;
  background-color:#0d72ff;
  border-radius:50%;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  font-size:12px;
  color:#fff;
  margin-right:10px
}

.list-style08 {
  list-style-type:none;
  padding-left:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:1rem
}

.list-style08 li a {
  background-color:#f0f0f0;
  width:41px;
  height:41px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  border-radius:50%;
  -webkit-transition:.2s ease;
  transition:.2s ease;
  color:#14212B
}

.list-style08 li a:hover {
  background-color:#0d72ff;
  color:#fff
}

.list-style09 li {
  margin-bottom:17px;
  color:rgba(255,255,255,0.6)
}

.list-style09 li:last-child {
  margin-bottom:0
}

.list-style09 li span {
  text-transform:uppercase;
  font-weight:700;
  padding-right:3px;
  color:#fff;
  font-size:16px
}

.btn-style1 {
  position:relative;
  overflow:hidden;
  -webkit-transform:scale(1);
  transform:scale(1);
  font-weight:600;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  text-align:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  color:#fff;
  background-color:#0d72ff;
  padding:12px 45px !important;
  font-size:15px;
  text-transform:uppercase
}

.btn-style1:hover {
  color:#fff
}

.btn-style1:before {
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:0%;
  z-index:-1;
  background-color:#14212B;
  -webkit-transition:all 0.25s ease-out;
  transition:all 0.25s ease-out;
  content:""
}

.btn-style1:hover:before,.btn-style1:active:before,.btn-style1:focus:before {
  background-color:#14212B;
  height:100%
}

.btn-style1.white {
  background-color:#0d72ff
}

.btn-style1.white:hover,.btn-style1.white:active,.btn-style1.white:focus {
  color:#14212B
}

.btn-style1.white:before {
  background-color:#fff
}

.btn-style1.medium {
  padding:9px 28px !important;
  font-size:15px
}

.btn-style1.small {
  padding:6px 28px !important;
  font-size:13px
}

@media screen and (max-width: 992px) {
  .btn-style1 {
  padding:8px 0;
  min-width:140px;
  font-size:15px
}

.btn-style1.medium {
  padding:6px 0
}
}

@media screen and (max-width: 991px) {
  .btn-style1.small {
  font-size:12px
}
}

@media screen and (max-width: 767px) {
  .btn-style1 {
  padding:7px 0;
  min-width:120px;
  font-size:13px
}

.btn-style1.medium {
  padding:5px 0;
  min-width:120px;
  font-size:13px
}

.btn-style1.small {
  font-size:11px;
  padding:5px 0;
  min-width:110px
}
}

.btn-style2 {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  text-align:center;
  background:#0d72ff;
  color:#fff;
  border:2px solid #0d72ff;
  line-height:1;
  font-weight:800;
  position:relative;
  outline:none;
  -webkit-transition:all 0.4s ease;
  transition:all 0.4s ease;
  overflow:hidden;
  white-space:nowrap;
  font-size:16px !important;
  padding:16px 28px;
  z-index:9;
  border-radius:0.15rem;
  text-transform:uppercase
}

.btn-style2:after {
  content:"";
  position:absolute;
  height:0%;
  left:50%;
  top:50%;
  width:150%;
  z-index:-1;
  -webkit-transition:all 0.35s ease 0s;
  transition:all 0.35s ease 0s;
  background:#ffffff;
  -webkit-transform:translateX(-50%) translateY(-50%) rotate(-25deg);
  transform:translateX(-50%) translateY(-50%) rotate(-25deg)
}

.btn-style2:hover,.btn-style2:active,.btn-style2:focus {
  color:#fff !important;
  border-color:#14212B;
  background:#14212B
}

.btn-style2:hover:after,.btn-style2:active:after,.btn-style2:focus:after {
  height:450%;
  -webkit-transition:all 1s ease 0s;
  transition:all 1s ease 0s;
  background:#14212B
}

.btn-style2.white {
  background:#fff;
  color:#0d72ff !important;
  border:2px solid #fff
}

.btn-style2.white:after {
  background:#0d72ff
}

.btn-style2.white:hover:after,.btn-style2.white:active:after,.btn-style2.white:focus:after {
  background:#fff
}

.btn-style2.medium {
  padding:13px 22px !important
}

.btn-style2.small {
  padding:10px 18px !important
}

.btn-style3 {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  text-align:center;
  background:#14212B;
  color:#fff;
  line-height:1.5;
  font-weight:700;
  position:relative;
  outline:none;
  -webkit-transition:all 0.4s ease;
  transition:all 0.4s ease;
  overflow:hidden;
  white-space:nowrap;
  font-size:14px !important;
  padding:15px 34px !important;
  z-index:9;
  border-radius:4px;
  text-transform:uppercase
}

.btn-style3:hover,.btn-style3:active,.btn-style3:focus {
  color:#fff;
  background:#0d72ff
}

.btn-style3.medium {
  padding:12px 30px !important
}

.btn-style3.small {
  padding:10px 26px !important
}

.btn-style3.white {
  background:#fff;
  color:#0d72ff !important
}

.btn-style3.white:hover {
  background-color:#0d72ff;
  color:#fff !important
}

.btn-style3.white-hover:hover,.btn-style3.white-hover:active,.btn-style3.white-hover:focus {
  background-color:#fff !important;
  color:#0d72ff
}

.link-button {
  padding:0;
  position:relative;
  text-decoration:none;
  border:0;
  background-color:transparent;
  display:inline-block;
  font-size:15px;
  text-transform:uppercase;
  width:auto;
  font-weight:500
}

.link-button:hover {
  border-color:#0d72ff
}

.link-button a {
  border-bottom:2px solid
}

.top-bar-info {
  display:inline-block;
  vertical-align:middle
}

.top-bar-info ul {
  margin-bottom:0
}

.top-bar-info li {
  font-weight:500;
  color:#fff;
  list-style-type:none;
  font-size:14px;
  padding:0 5px 0;
  display:inline-block;
  margin-bottom:0
}

.top-bar {
  display:block;
  position:relative;
  z-index:999;
  padding:7px 0
}

.top-bar-info li i {
  font-size:16px;
  color:#fff;
  margin-right:8px;
  margin-top:0;
  display:inline-block;
  vertical-align:text-bottom
}

.top-social-icon {
  padding:0;
  float:right;
  margin:0
}

.top-social-icon li {
  font-size:14px;
  list-style-type:none;
  float:left;
  text-align:center;
  margin:0;
  padding:0 7px
}

.top-social-icon li:last-child {
  padding-right:0
}

.top-social-icon li:last-child a {
  padding-right:0
}

.top-social-icon li a {
  color:#fff;
  line-height:28px;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  padding:0 3px
}

.top-social-icon li a:hover {
  color:rgba(255,255,255,0.65)
}

.navbar-nav li.current>a,.navbar-nav li.active>a {
  color:#0d72ff !important
}

.attr-nav>ul>li>a.butn {
  color:#fff
}

.navbar>ul>li.current>a:after {
  border-color:transparent #0d72ff #0d72ff transparent !important
}

.menu_area-light .navbar-nav li.current>a,.menu_area-light .navbar-nav li.active>a {
  color:#0d72ff
}

.menu_area-light .navbar>ul>li.current>a:after {
  border-color:transparent #0d72ff #0d72ff transparent
}

.menu_area-light.scrollHeader .navbar-nav li.current>a {
  color:#0d72ff
}

.menu_area-light.scrollHeader .navbar-nav li.current>a:hover {
  color:#0d72ff
}

.menu_area-light.scrollHeader .navbar-nav li.active>a {
  color:#0d72ff
}

.menu_area-light.scrollHeader .navbar>ul>li.current>a:after {
  border-color:transparent #0d72ff #0d72ff transparent
}

@media screen and (min-width: 992px) {
  .menu_area-light .navbar ul ul li.active>a,.menu_area-light .navbar-nav li.has-sub a:hover {
  color:#0d72ff
}

.menu_area-light .navbar>ul>li.has-sub>a:hover:after {
  border-color:#0d72ff
}

.menu_area-light.scrollHeader .navbar-nav>li.has-sub>a:hover {
  color:#0d72ff
}

.header-style2.scrollHeader .navbar-nav>li.has-sub>a:hover {
  color:#0d72ff
}

.header-style2.scrollHeader .navbar-nav>li.has-sub>a:hover:after {
  border-color:transparent #0d72ff #0d72ff transparent
}

.header-style2 .navbar>ul>li.has-sub.current>a:hover:after {
  border-color:transparent #0d72ff #0d72ff transparent
}

.header-style2.scrollHeader .navbar-nav li.current>a {
  color:#0d72ff
}

.header-style2.scrollHeader .navbar-nav li.current>a:hover {
  color:#0d72ff
}

.header-style2.scrollHeader .navbar>ul>li.current>a:after {
  border-color:transparent #0d72ff #0d72ff transparent
}

.header-style2 .navbar ul ul li.active>a {
  color:#0d72ff
}

.header-style2 .navbar-nav li.has-sub a:hover,.header-style2 .navbar-nav li.has-sub a:active,.header-style2 .navbar-nav li.has-sub a:focus {
  color:#0d72ff
}

.header-style2 .navbar-nav li.current>a,.header-style2 .navbar-nav li.active>a {
  color:#0d72ff
}

.header-style2 .navbar>ul>li.has-sub>a:hover:after,.header-style2 .navbar>ul>li.has-sub>a:active:after,.header-style2 .navbar>ul>li.has-sub>a:focus:after {
  border-color:transparent #0d72ff #0d72ff transparent
}
}

@media screen and (max-width: 991px) {
  .header-style1 .navbar-toggler {
  background:#0d72ff
}

.header-style1 .navbar-toggler:after {
  border-top:2px solid #fff;
  border-bottom:2px solid #fff
}

.header-style1 .navbar-toggler:before {
  background:#fff
}

.header-style1 .navbar-toggler.menu-opened:after,.header-style1 .navbar-toggler.menu-opened:before {
  background:#fff
}
}

.header-style2 .navbar-nav li.current>a {
  color:#0d72ff
}

.header-style2 .navbar>ul>li.current>a:after {
  border-color:transparent #0d72ff #0d72ff transparent
}

.header-style2.scrollHeader .navbar-nav li.current>a {
  color:#0d72ff
}

.header-style2.scrollHeader .navbar-nav li.current>a:hover {
  color:#0d72ff
}

.header-style2.scrollHeader .navbar>ul>li.current>a:after {
  border-color:transparent #0d72ff #0d72ff transparent
}

@media screen and (min-width: 992px) {
  .header-style2 .navbar ul ul li.active>a {
  color:#0d72ff
}

.header-style2 .butn.secondary:before {
  background:#ffffff
}

.header-style2 .butn.secondary:hover,.header-style2 .butn.secondary:focus,.header-style2 .butn.secondary:active {
  color:#121c22 !important
}

.header-style2.scrollHeader .butn.secondary:before {
  background:#0d72ff
}

.header-style2.scrollHeader .butn.secondary:hover,.header-style2.scrollHeader .butn.secondary:focus,.header-style2.scrollHeader .butn.secondary:active {
  color:#fff !important
}
}

.header-style3 .navbar-nav li.current>a,.header-style3 .navbar-nav li.active>a {
  color:#0d72ff
}

@media screen and (min-width: 992px) {
  .header-style3 .navbar-nav li.active>a {
  color:#0d72ff
}

.header-style3 .navbar-nav>li>a:hover,.header-style3 .navbar-nav>li>a:active,.header-style3 .navbar-nav>li>a:focus {
  color:#0d72ff
}

.header-style3 .navbar ul ul li.active>a {
  color:#0d72ff
}

.header-style3 .navbar-nav li.has-sub a:hover,.header-style3 .navbar-nav li.current>a {
  color:#0d72ff
}

.header-style3 .navbar-nav>li.has-sub>a:hover {
  color:#0d72ff
}

.header-style3 .navbar>ul>li.has-sub>a:hover:after,.header-style3 .navbar>ul>li.current>a:after {
  border-color:transparent #0d72ff #0d72ff transparent
}

.header-style3.scrollHeader .navbar-nav>li.has-sub>a:hover {
  color:#0d72ff
}

.header-style3.scrollHeader .navbar>ul>li.has-sub>a:hover:after {
  border-color:transparent #0d72ff #0d72ff transparent
}

.header-style3.scrollHeader .navbar-nav>li.active>a {
  color:#0d72ff
}

.header-style3.scrollHeader .navbar-nav li.current>a {
  color:#0d72ff
}

.header-style3.scrollHeader .navbar-nav li.current>a:hover {
  color:#0d72ff
}

.header-style3.scrollHeader .navbar>ul>li.current>a:after {
  border-color:transparent #0d72ff #0d72ff transparent
}
}

@media screen and (max-width: 991px) {
  .header-style3 .navbar-toggler {
  background:#0d72ff
}

.header-style3 .navbar-toggler:after {
  border-top:2px solid #fff;
  border-bottom:2px solid #fff
}

.header-style3 .navbar-toggler:before {
  background:#fff
}

.header-style3 .navbar-toggler.menu-opened:after,.header-style3 .navbar-toggler.menu-opened:before {
  background:#fff
}
}

.slider-fade01 .owl-item {
  position:relative
}

.slider-fade01 h1 {
  -webkit-animation-delay:0.8s;
  animation-delay:0.8s
}

.slider-fade01 h1 span {
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke-width:1px;
  -webkit-text-stroke-color:#fff
}

.slider-fade01 p {
  -webkit-animation-delay:1.2s;
  animation-delay:1.2s
}

.slider-fade01 a {
  -webkit-animation-delay:1.6s;
  animation-delay:1.6s
}

.slider-fade01.owl-theme .owl-nav [class*='owl-'] {
  position:absolute;
  right:inherit;
  top:0;
  bottom:0;
  width:60px;
  height:60px;
  border:none;
  background:#0d72ff;
  border-radius:60px;
  line-height:65px;
  -webkit-transition-duration:500ms;
  transition-duration:500ms;
  left:15px;
  text-align:center;
  margin:auto;
  opacity:0.3
}

.slider-fade01.owl-theme .owl-nav .owl-next {
  top:0;
  bottom:0;
  left:inherit;
  right:15px
}

.slider-fade01 .owl-nav i {
  font-weight:600;
  color:#fff;
  -webkit-transition-duration:500ms;
  transition-duration:500ms;
  font-size:20px
}

.slider-fade01.owl-theme .owl-nav .owl-prev:hover,.slider-fade01.owl-theme .owl-nav .owl-next:hover {
  opacity:1;
  background:#0d72ff
}

.banner-style02 {
  border-radius:0 0 40px 40px
}

.banner-style02 .img1,.banner-style02 .img2 {
  margin-left:-16px
}

@media only screen and (max-width: 1199px) {
  .banner-style02 {
  border-radius:0
}
}

.section-title01 span {
  padding:19px 15px 17px 36px;
  border-radius:0px;
  font-weight:600;
  position:relative;
  display:inline-block;
  margin-bottom:0;
  font-size:18px;
  font-weight:500;
  letter-spacing:1px;
  line-height:25px
}


@-webkit-keyframes flickerAnimation {
  0% {
  opacity:1
}

50% {
  opacity:0
}

100% {
  opacity:1
}
}

@keyframes flickerAnimation {
  0% {
  opacity:1
}

50% {
  opacity:0
}

100% {
  opacity:1
}
}

.section-title02 .small-title {
  font-weight:600;
  color:#0d72ff;
  text-transform:uppercase;
  font-size:15px;
  position:relative;
  padding-left:20px;
  margin-bottom:20px;
  display:inline-block
}

.section-title02 .small-title:before {
  left:0;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  background:#0d72ff;
  width:7px;
  height:7px;
  content:"";
  position:absolute
}

.section-title02 .title-sm {
  position:relative;
  z-index:2;
  display:inline-block
}

.section-title02 .title-sm:hover:before {
  height:100%;
  bottom:0
}

@media screen and (min-width: 575px) {
  .section-title02 .title-sm:before {
  content:'';
  background:rgba(9,184,80,0.4);
  height:8px;
  width:100%;
  position:absolute;
  bottom:8px;
  z-index:-1;
  -webkit-transition:opacity .85s,height .45s,bottom .45s,color .45s,-webkit-transform .85s;
  transition:opacity .85s,height .45s,bottom .45s,color .45s,-webkit-transform .85s;
  transition:transform .85s,opacity .85s,height .45s,bottom .45s,color .45s;
  transition:transform .85s,opacity .85s,height .45s,bottom .45s,color .45s,-webkit-transform .85s;
  -webkit-transform:scale(1, 1) !important;
  transform:scale(1, 1) !important
}
}

.page-title-section {
  padding:180px 0 90px
}

.page-title-section h1 {
  font-size:64px;
  line-height:1;
  color:#ffffff;
  margin-bottom:20px;
  position:relative;
  z-index:9
}

.page-title-section ul {
  padding:9px 15px 7px 36px;
  border:1px solid rgba(9,184,80,0.3);
  border-radius:8px;
  font-weight:600;
  position:relative;
  display:inline-block;
  margin-bottom:0;
  text-transform:uppercase;
  color:#0d72ff;
  font-size:13px;
  letter-spacing:2px;
  line-height:1
}

.page-title-section ul li {
  display:inline-block
}

.page-title-section ul li:last-child a {
  color:#0d72ff
}

.page-title-section ul li:before {
  content:"";
  position:absolute;
  width:6px;
  height:6px;
  border-radius:2px;
  background-color:#0d72ff;
  left:15px;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  -webkit-animation:flickerAnimation 0.75s infinite;
  animation:flickerAnimation 0.75s infinite;
  -webkit-transition:color 0.3s;
  transition:color 0.3s
}

.page-title-section ul li:after {
  content:'\f105';
  font-weight:700;
  vertical-align:middle;
  color:#fff;
  font-family:Font Awesome\ 5 Free;
  padding:0 5px 0 10px
}

.page-title-section ul li:last-child:after {
  content:none
}

.page-title-section ul li a {
  color:#fff;
  font-size:12px;
  font-weight:500
}

.page-title-section .active a,.page-title-section li.active:last-child a {
  color:#fff
}

@media screen and (max-width: 1199px) {
  .page-title-section {
  padding:170px 0 80px
}

.page-title-section h1 {
  font-size:52px
}
}

@media screen and (max-width: 991px) {
  .page-title-section {
  padding:150px 0 80px
}

.page-title-section h1 {
  font-size:48px
}
}

@media screen and (max-width: 575px) {
  .page-title-section {
  padding:130px 0 70px
}

.page-title-section h1 {
  font-size:42px
}
}

.card .card-body {
  color:#575a7b
}

.card-style01 {
  -webkit-transition:.2s linear;
  transition:.2s linear;
  height:100%
}

.card-style01:hover {
  -webkit-box-shadow:0px 10px 20px 0px rgba(20,33,43,0.1);
  box-shadow:0px 10px 20px 0px rgba(20,33,43,0.1);
  -webkit-transition:.2s linear;
  transition:.2s linear
}

.card-style02 {
  -webkit-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out
}

.card-style02 .service-icon {
  width:80px;
  height:80px;
  background-color:#0d72ff;
  border-radius:50%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin-bottom:20px
}

.card-style02:hover {
  -webkit-box-shadow:0 10px 10px #0000001a;
  box-shadow:0 10px 10px #0000001a;
  position:relative;
  z-index:100;
  -webkit-transform:translate(0, -10px);
  transform:translateY(-10px)
}

.card-style02 .service-btn {
  color:#14212B
}

.card-style02:hover .service-btn {
  color:#0d72ff
}

.card-style03 .card-body {
  max-height:103px;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  -webkit-transition:.4s;
  transition:.4s
}

.card-style03 .card-body .service-content {
  -webkit-box-shadow:0 6px 30px 0 #00000012;
  box-shadow:0 6px 30px 0 #00000012;
  background-color:#fff;
  padding-right:1.5rem;
  padding-top:1.125rem;
  padding-bottom:1.125rem;
  margin:0 32px;
  gap:1.125rem;
  border-bottom:2px solid #0d72ff;
  z-index:1;
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}

.card-style03 .card-body .service-content:before {
  position:absolute;
  content:"";
  height:78px;
  width:64px;
  background-color:#ffffff;
  inset-block-start:-20px;
  inset-inline-start:20px;
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg);
  z-index:-1;
  -webkit-clip-path:polygon(100% 0, 100% 50%, 100% 100%, 0 49%);
  clip-path:polygon(100% 0, 100% 50%, 100% 100%, 0 49%)
}

.card-style03 .card-body .service-content .service-icon {
  width:85px;
  height:85px;
  -webkit-transition-duration:500ms;
  transition-duration:500ms;
  margin-left:-16px;
  background-color:#0d72ff;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}

.card-style03:hover .card-body {
  max-height:300px;
  -webkit-transition:.4s;
  transition:.4s
}

.card-style03 .card-body .service-content .service-text {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:3
}

.card-style04 {
  -webkit-transition:all 0.4s cubic-bezier(0.37, 0, 0.63, 1);
  transition:all 0.4s cubic-bezier(0.37, 0, 0.63, 1);
  -webkit-box-shadow:0 0 30px rgba(0,0,0,0.08);
  box-shadow:0 0 30px rgba(0,0,0,0.08);
  border:0
}

.card-style04 .blog-img span a {
  position:absolute;
  top:20px;
  right:20px;
  -webkit-box-shadow:0 0 25px rgba(0,0,0,0.4);
  box-shadow:0 0 25px rgba(0,0,0,0.4);
  padding:4px 12px;
  -webkit-transition:.3s;
  transition:.3s;
  margin-left:5px;
  display:inline-block;
  font-size:12px;
  line-height:20px;
  font-weight:700;
  text-transform:uppercase;
  background-color:#fff;
  z-index:9
}

.card-style04 .blog-author {
  font-size:14px;
  will-change:transform;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:relative;
  overflow:hidden
}

.card-style04 .blog-author .blog-date {
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0);
  transform:translateY(0);
  -webkit-transition:all 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  transition:all 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  font-weight:500;
  display:inline-block
}

.card-style04 .blog-author .author-name {
  position:absolute;
  width:auto;
  left:0;
  bottom:0;
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(32px);
  transform:translateY(32px);
  -webkit-transition:all 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  transition:all 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  display:inline-block
}

.card-style04 .blog-author .author-name a {
  font-weight:600;
  border-bottom:1px solid #232323;
  -webkit-transition:.3s;
  transition:.3s
}

.card-style04 .blog-author .blog-like a i {
  margin-right:4px;
  vertical-align:middle;
  -webkit-transition:all 0.4s cubic-bezier(0.37, 0, 0.63, 1);
  transition:all 0.4s cubic-bezier(0.37, 0, 0.63, 1)
}

.card-style04:hover .blog-author .blog-date {
  position:relative;
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(-32px);
  transform:translateY(-32px)
}

.card-style04:hover .blog-author .author-name {
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0);
  transform:translateY(0)
}

.card-style05 .card-body .service-icon {
  width:80px;
  height:80px;
  background-color:#fff;
  -webkit-box-shadow:0 0 35px rgba(0,0,0,0.12);
  -ms-box-shadow:0 0 35px rgba(0,0,0,0.12);
  -o-box-shadow:0 0 35px rgba(0,0,0,0.12);
  box-shadow:0 0 35px rgba(0,0,0,0.12);
  border-radius:50%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin:-40px auto 20px;
  -webkit-transition:all 250ms linear 0ms;
  transition:all 250ms linear 0ms
}

.card-style05:hover .card-body .service-icon {
  background-color:#0d72ff
}

.card-style05:hover .card-body .service-icon img {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1);
  -webkit-transition:all 250ms linear 0ms;
  transition:all 250ms linear 0ms
}

.card-style05 .card-body .service-btn {
  border-top:1px solid #dee2e6
}

.card-style05:hover .card-body .service-btn {
  background-color:#0d72ff;
  border-radius:0 0 10px 10px;
  -webkit-transition:.4s;
  transition:.4s;
  border:1px solid #0d72ff
}

.card-style05:hover .card-body .service-btn a {
  color:#fff
}

.card-style05:hover .card-body .service-btn a i {
  color:#fff
}

.filtering {
  margin-bottom:40px
}

.filtering span {
  cursor:pointer;
  font-size:14.4px;
  font-weight:600;
  margin-right:10px;
  display:inline-block;
  margin-bottom:5px;
  padding:6px 15px;
  background:transparent;
  color:#14212B;
  border:2px solid #14212B
}

.filtering span:last-child {
  margin:0
}

.filtering .active {
  color:#ffffff;
  background:#0d72ff;
  border:2px solid #0d72ff
}

@media screen and (max-width: 767px) {
  .filtering {
  margin-bottom:0
}

.filtering span {
  margin-bottom:17px
}
}

@media screen and (max-width: 575px) {
  .filtering span {
  padding:6px 8px;
  margin-right:5px;
  font-size:13px
}
}

.lg-backdrop {
  z-index:99999
}

.lg-outer {
  z-index:999999
}

.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover {
  border-color:#0d72ff
}

.lg-progress-bar .lg-progress {
  background-color:#0d72ff
}

.lg-backdrop.in {
  opacity:0.85
}

.portfolio-style01 .portfolio-block .portfolio-content {
  max-height:80px;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  -webkit-transition:.4s;
  transition:.4s
}

.portfolio-style01 .portfolio-block .portfolio-inner {
  background-color:#fff;
  padding:1.125rem 1.5rem;
  margin:0 30px;
  gap:1.125rem;
  border-bottom:2px solid #0d72ff;
  z-index:1;
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
}

.portfolio-style01 .portfolio-block:hover .portfolio-content {
  max-height:300px;
  -webkit-transition:.4s;
  transition:.4s
}

.portfolio-style01 .portfolio-block .portfolio-inner .portfolio-text {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:3
}

.portfolio-style01 .portfolio-block:hover .portfolio-inner {
  -webkit-box-shadow:0 6px 30px 0 #00000012;
  box-shadow:0 6px 30px 0 #00000012
}

@media screen and (max-width: 575px) {
  .portfolio-style01 .portfolio-block .portfolio-inner {
  margin:0 15px;
  gap:0.625rem
}
}

.portfolio-style02 .img-hover:before {
  position:absolute;
  top:0;
  right:0;
  content:'';
  width:0;
  height:100%;
  border-radius:10px;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(-19.59%, rgba(20,33,43,0)), color-stop(92.89%, rgba(20,33,43,0.8)));
  background:linear-gradient(180deg, rgba(20,33,43,0) -19.59%, rgba(20,33,43,0.8) 92.89%);
  -webkit-transition:all 500ms ease;
  transition:all 500ms ease
}

.portfolio-style02:hover .img-hover:before {
  width:100%;
  left:0
}

.portfolio-style02 .content {
  padding:16px;
  background:#fff;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:absolute;
  bottom:30px;
  left:30px;
  right:30px;
  opacity:0;
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transform-origin:left;
  transform-origin:left;
  -webkit-transition:all 700ms ease;
  transition:all 700ms ease;
  border-radius:10px
}

.portfolio-style02:hover .content {
  opacity:1;
  -webkit-transform:scale(1, 1);
  transform:scale(1, 1)
}

.portfolio-style02 .content .icon a {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:50px;
  height:50px;
  line-height:50px;
  background-color:#0d72ff;
  font-size:22px;
  color:#fff;
  -webkit-transition:all 700ms ease;
  transition:all 700ms ease;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  border-radius:5px
}

.portfolio-style02 .content .icon:hover a {
  background-color:#14212B;
  -webkit-transform:scale(1, 1);
  transform:scale(1, 1)
}

@media screen and (max-width: 1399px) {
  .portfolio-style02 .content {
  bottom:20px;
  left:20px;
  right:20px
}
}

.pagination {
  border-radius:0
}

.pagination ul {
  display:inline-block;
  *display:inline;
  *zoom:1;
  margin:0 auto;
  padding:0
}

.pagination li {
  display:inline
}

.pagination a {
  float:left;
  padding:0 16px;
  line-height:40px;
  text-decoration:none;
  border:1px solid #dbdbdb;
  border-left-width:0;
  background:#fff
}

.pagination a:hover {
  background-color:#232323;
  color:#fff
}

.pagination .active a {
  background-color:#f7f7f7;
  color:#999;
  cursor:default
}

.pagination .disabled span {
  color:#999;
  background-color:transparent;
  cursor:default
}

.pagination .disabled a {
  color:#999;
  background-color:transparent;
  cursor:default
}

.pagination .disabled a:hover {
  color:#999;
  background-color:transparent;
  cursor:default
}

.pagination li:first-child a {
  border-left-width:1px
}

.page-item:not(:first-child) .page-link {
  margin-left:0
}

.pagination-style01 {
  margin-top:4%;
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}

.pagination-style01 ul {
  font-weight:500;
  font-size:13px;
  margin-bottom:0;
  padding-left:0
}

.pagination-style01 ul li {
  list-style:none
}

.pagination-style01 ul li a {
  border:0;
  padding:0 2px;
  margin:0 7px;
  background:0 0;
  color:#828282;
  min-width:45px;
  font-size:inherit;
  text-align:center;
  border-radius:100%;
  line-height:45px;
  min-height:45px;
  display:block;
  -webkit-transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.pagination-style01 ul li a i {
  line-height:40px;
  font-size:18px;
  display:inline-block
}

.pagination-style01 ul li.active a {
  background:#232323;
  color:#fff;
  -webkit-box-shadow:0 0 10px rgba(23,23,23,0.15) !important;
  box-shadow:0 0 10px rgba(23,23,23,0.15) !important
}

.pagination-style01 ul li a:hover {
  background:#fff;
  color:#232323;
  -webkit-box-shadow:0 0 10px rgba(23,23,23,0.15) !important;
  box-shadow:0 0 10px rgba(23,23,23,0.15) !important
}

@media screen and (max-width: 575px) {
  .pagination-style01 ul {
  margin-top:10px
}

.pagination-style01 ul li a {
  min-width:40px;
  min-height:40px;
  line-height:40px;
  margin:0 4px
}
}

ul.resp-tabs-list {
  margin:0px;
  padding:0px
}

.resp-tabs-list li {
  font-weight:600;
  font-size:18px;
  display:inline-block;
  padding:13px 15px;
  margin:0 4px 0 0;
  list-style:none;
  cursor:pointer
}

.resp-tabs-list li:last-child {
  margin-right:0
}

.resp-tabs-list li i {
  font-size:20px;
  padding-right:5px;
  vertical-align:text-bottom
}

.resp-tabs-container {
  padding:0px;
  background-color:#fff;
  clear:left
}

.resp-tab-content {
  display:none;
  padding:20px
}

.resp-tabs-list li.resp-tab-active {
  border:1px solid #0d72ff;
  border-bottom:none;
  border-color:#0d72ff !important;
  margin-bottom:-1px;
  padding:12px 14px 14px 14px;
  border-top:4px solid #0d72ff;
  border-bottom:0px #fff solid;
  border-bottom:none;
  background-color:#fff;
  color:#0d72ff
}

.resp-content-active,.resp-accordion-active {
  display:block
}

.resp-tab-content {
  border:1px solid #c1c1c1;
  border-top-color:#c1c1c1;
  float:left;
  width:100%
}

h2.resp-accordion {
  cursor:pointer;
  display:none;
  font-size:14px;
  border:1px solid #c1c1c1;
  border-top:0px solid #c1c1c1;
  margin:0px;
  padding:14px 15px;
  float:left;
  width:100%
}

h2.resp-tab-active {
  border-bottom:0px solid #c1c1c1 !important;
  background-color:#0d72ff !important;
  color:#fff
}

h2.resp-tab-title:last-child {
  border-bottom:12px solid #c1c1c1 !important;
  background:blue
}

.resp-vtabs ul.resp-tabs-list {
  float:left;
  width:30%
}

.resp-vtabs .resp-tabs-list li {
  display:block;
  padding:15px 15px !important;
  margin:0 0 4px;
  cursor:pointer;
  float:none
}

.resp-vtabs .resp-tabs-container {
  padding:0px;
  background-color:#fff;
  border:1px solid #0d72ff !important;
  float:left;
  width:70%;
  min-height:250px;
  clear:none
}

.resp-vtabs .resp-tab-content {
  border:none;
  word-wrap:break-word
}

.resp-vtabs li.resp-tab-active {
  position:relative;
  z-index:1;
  margin-right:-1px !important;
  padding:14px 15px 15px 11px !important;
  border-top:1px solid;
  border:1px solid #0d72ff !important;
  border-left:4px solid #0d72ff !important;
  margin-bottom:4px !important;
  border-right:1px #FFF solid !important
}

.resp-arrow {
  border-color:transparent #282b2d #282b2d transparent;
  border-style:solid;
  border-width:0 1px 1px 0;
  float:right;
  display:block;
  height:8px;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  width:8px;
  margin-top:4px
}

h2.resp-tab-active span.resp-arrow {
  border-color:#fff transparent transparent #fff;
  border-style:solid;
  border-width:1px 0 0 1px;
  float:right;
  display:block;
  height:8px;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  width:8px;
  margin-top:7px
}

.resp-easy-accordion h2.resp-accordion {
  display:block
}

.resp-easy-accordion .resp-tab-content {
  border:1px solid #c1c1c1
}

.resp-easy-accordion .resp-tab-content:last-child {
  border-bottom:1px solid #c1c1c1
}

.resp-jfit {
  width:100%;
  margin:0px
}

.resp-tab-content-active {
  display:block;
  border-color:#0d72ff !important
}

h2.resp-accordion:first-child {
  border-top:1px solid #c1c1c1
}

h2.resp-accordion.resp-tab-active {
  border-color:#0d72ff !important
}

.tab-style01 .resp-tab-content {
  border:0;
  padding:20px 0 0 0
}

.tab-style01 .resp-tabs-list li {
  border:0;
  padding:0;
  line-height:1;
  text-transform:uppercase;
  border-top:0 !important;
  margin-right:30px
}

.tab-style01 .resp-tabs-list li:last-child {
  margin-right:0
}

.tab-style01 .resp-tabs-list li.resp-tab-active {
  border-bottom:1px solid #0d72ff
}

@media screen and (max-width: 575px) {
  .tab-style01 .resp-tabs-list li {
  margin-right:16px;
  font-size:13px
}
}

.services-carousel-one .owl-nav {
  margin-top:0
}

.services-carousel-one .owl-nav .owl-prev,.services-carousel-one .owl-nav .owl-next {
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  width:56px;
  height:56px;
  color:#fff !important;
  background-color:#14212B !important;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  border-radius:50%;
  -webkit-transition:.4s;
  transition:.4s
}

.services-carousel-one .owl-nav .owl-prev {
  left:-80px
}

.services-carousel-one .owl-nav .owl-next {
  right:-80px
}

.services-carousel-one.owl-theme .owl-nav [class*='owl-']:hover {
  background:#0d72ff !important;
  -webkit-transition:.4s;
  transition:.4s
}

@media screen and (max-width: 1399px) {
  .services-carousel-one .owl-nav .owl-prev,.services-carousel-one .owl-nav .owl-next {
  top:45%
}
}

@media screen and (max-width: 1199px) {
  .services-carousel-one .owl-nav .owl-prev,.services-carousel-one .owl-nav .owl-next {
  top:55%
}
}

.testimonials-carousel-one .owl-nav {
  margin-top:0
}

.testimonials-carousel-one.owl-carousel .owl-nav button.owl-prev,.testimonials-carousel-one.owl-carousel .owl-nav button.owl-next {
  margin:0;
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  font-size:16px;
  font-weight:600;
  text-transform:uppercase;
  color:#000;
  border-radius:0
}

.testimonials-carousel-one.owl-carousel .owl-nav button.owl-prev {
  left:-150px;
  border-right:1px solid rgba(255,255,255,0.1);
  padding:62px 30px 62px 0 !important
}

.testimonials-carousel-one.owl-carousel .owl-nav button.owl-next {
  right:-150px;
  border-left:1px solid rgba(255,255,255,0.1);
  padding:62px 0 62px 30px !important
}

.testimonials-carousel-one.owl-theme .owl-nav [class*='owl-']:hover {
  background:transparent;
  color:#0d72ff;
  -webkit-transition:.4s;
  transition:.4s
}

@media screen and (max-width: 991px) {
  .testimonials-carousel-one.owl-carousel .owl-nav button.owl-next {
  right:-120px
}

.testimonials-carousel-one.owl-carousel .owl-nav button.owl-prev {
  left:-120px
}
}

.marquee-section {
  overflow-x:clip;
  overflow-y:visible;
  z-index:99;
  position:relative
}

.marquee {
  position:relative;
  overflow:hidden;
  padding:20px 0 0 0;
  width:calc(100% + 60px);
  margin-left:-30px
}

.marquee h4 {
  font-size:120px;
  text-transform:uppercase;
  letter-spacing:-2px
}

.slide-har {
  position:relative
}

.slide-har.st1 .box {
  position:relative;
  -webkit-animation:slide-har 80s ease-in-out infinite;
  animation:slide-har 80s linear infinite
}

@-webkit-keyframes slide-har {
  0% {
  -webkit-transform:translateX(0%);
  transform:translateX(0%)
}

100% {
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%)
}
}

@keyframes slide-har {
  0% {
  -webkit-transform:translateX(0%);
  transform:translateX(0%)
}

100% {
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%)
}
}

.main-marq {
  position:relative;
  padding:0
}

.main-marq:after {
  position:absolute;
  top:-30px;
  bottom:-30px;
  left:-30px;
  right:-30px;
  pointer-events:none;
  background:linear-gradient(to left, #181818, rgba(255,255,255,0) 220px, rgba(255,255,255,0) calc(100% - 220px), #181818)
}

.main-marq .slide-har {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}

.main-marq .strok .item h4 {
  color:transparent !important;
  -webkit-text-stroke:0.5px #14212B
}

.main-marq .strok .item h4 a {
  color:transparent !important;
  -webkit-text-stroke:0.5px #14212B
}

.main-marq .non-strok .item h4 {
  color:#14212B !important;
  -webkit-text-stroke:0 !important
}

.main-marq .non-strok .item h4 a {
  color:#14212B !important;
  -webkit-text-stroke:0 !important
}

.main-marq .box {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}

.main-marq .box .item {
  padding:0 30px
}

.main-marq .box .item h4 {
  white-space:nowrap;
  line-height:1;
  margin:0
}

.main-marq .box .item:nth-of-type(even) h4 {
  color:transparent;
  -webkit-text-stroke:0.5px #14212B
}

.main-marq .box .item:nth-of-type(even) h4 a {
  color:transparent;
  -webkit-text-stroke:0.5px #14212B
}

.main-marq .box:last-of-type .item:nth-of-type(even) h4 {
  color:#14212B;
  -webkit-text-stroke:0
}

.main-marq .box:last-of-type .item:nth-of-type(even) h4 a {
  color:#14212B;
  -webkit-text-stroke:0
}

.main-marq .box:last-of-type .item:nth-of-type(odd) h4 {
  color:transparent;
  -webkit-text-stroke:1px #14212B
}

.main-marq .box:last-of-type .item:nth-of-type(odd) h4 a {
  color:transparent;
  -webkit-text-stroke:1px #14212B
}

@media screen and (max-width: 1199px) {
  .marquee h4 {
  font-size:80px
}
}

@media screen and (max-width: 991px) {
  .marquee {
  padding:35px 0 0 0
}

.marquee h4 {
  font-size:60px
}
}

@media screen and (max-width: 575px) {
  .marquee h4 {
  font-size:50px
}

.main-marq .box .item {
  padding:0 20px
}
}

.accordion-style .card {
  background:transparent;
  -webkit-box-shadow:none;
  box-shadow:none;
  margin-top:0 !important;
  border:none
}

.accordion-style .card-header {
  border:0px;
  padding:0;
  border-bottom:1px solid rgba(255,255,255,0.15);
  background:none
}

.accordion-style .btn-link {
  background:#fff;
  color:#575a7b;
  line-height:20px;
  position:relative;
  border:none;
  display:block;
  width:100%;
  text-align:left;
  white-space:normal;
  border-radius:4px;
  padding:20px 35px 20px 20px;
  font-weight:500;
  text-decoration:none
}

.accordion-style .btn-link:hover {
  text-decoration:none
}

.accordion-style .btn-link.collapsed:after {
  background:none;
  content:"+";
  right:15px;
  left:inherit;
  font-size:20px;
  height:auto;
  -webkit-transform:none;
  transform:none;
  width:auto;
  top:20px;
  color:#14212B
}

.accordion-style .btn-link:after {
  background:none;
  content:"-";
  right:17px;
  left:inherit;
  font-size:20px;
  height:auto;
  -webkit-transform:none;
  transform:none;
  width:auto;
  top:20px;
  position:absolute;
  color:#14212B
}

.accordion-style .card-body {
  padding:0px 40px 30px 20px
}

@media screen and (max-width: 991px) {
  .accordion-style .btn-link:after,.accordion-style .btn-link.collapsed:after {
  top:20px
}

.accordion-style .card-body {
  padding:10px 25px 30px 25px
}
}

.accordion.style01 .card {
  margin-bottom:10px;
  border:0
}

.accordion.style01 .card:last-child {
  margin-bottom:0
}

.accordion.style01 .card-header {
  border:0;
  padding:0;
  background:none
}

.accordion.style01 .accordion-collapse {
  border:none
}

.accordion.style01 .accordion-button {
  color:#fff;
  font-size:18px;
  position:relative;
  display:block;
  width:100%;
  white-space:normal;
  -webkit-box-shadow:none;
  box-shadow:none;
  line-height:30px;
  font-weight:500;
  padding:15px 55px 15px 20px;
  text-decoration:none;
  background:#0d72ff;
  border:1px solid #0d72ff;
  border-top-left-radius:10px;
  border-top-right-radius:10px
}

.accordion.style01 .accordion-button:hover {
  text-decoration:none
}

.accordion.style01 .accordion-button.collapsed {
  background:transparent;
  color:#14212B;
  border-radius:10px;
  border:1px solid #dee2e6
}

.accordion.style01 .accordion-button.collapsed:after {
  background:transparent;
  color:#000;
  border-radius:0;
  content:"\e61a";
  font-family:themify;
  font-weight:600;
  top:0;
  left:inherit;
  right:0;
  font-size:17px;
  line-height:60px;
  height:60px;
  width:60px;
  text-align:center;
  padding-left:0;
  -webkit-transform:none;
  transform:none
}

.accordion.style01 .accordion-button:after {
  background:none;
  border-radius:0;
  content:"\e622";
  font-family:themify;
  font-weight:600;
  top:0;
  left:inherit;
  right:0;
  font-size:17px;
  height:60px;
  line-height:60px;
  -webkit-transform:none;
  transform:none;
  width:60px;
  position:absolute;
  color:#ffffff;
  text-align:center
}

.accordion.style01 .card-body {
  padding:29px 30px;
  line-height:30px;
  border:1px solid #dee2e6;
  border-radius:0 0 10px 10px;
  border-top:0
}

@media screen and (max-width: 767px) {
  .accordion.style01 .card-body {
  font-size:15px;
  padding:15px
}

.accordion.style01 .accordion-button:after,.accordion.style01 .accordion-button.collapsed:after {
  font-size:15px
}
}

@media screen and (max-width: 575px) {
  .accordion.style01 .accordion-button {
  line-height:unset
}

.accordion.style01 .accordion-button:after {
  height:100%;
  width:50px;
  line-height:50px
}

.accordion .accordion-button.collapsed:after {
  height:100%;
  width:50px;
  line-height:50px
}
}

.accordion-style.style02 .btn-link {
  padding:30px 35px;
  font-weight:700;
  background:#14212B !important;
  color:#fff !important;
  border-radius:10px
}

.accordion-style.style02 .btn-link.collapsed {
  padding:22px 35px;
  font-weight:700;
  background:#fff;
  color:unset
}

.accordion-style.style02 .card {
  -webkit-transition:all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  transition:all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  background-color:#14212B;
  border-radius:10px
}

.accordion-style.style02 .btn-link.collapsed:after,.accordion-style.style02 .btn-link:after {
  right:35px;
  font-family:themify;
  font-size:13px;
  color:#fff
}

.accordion-style.style02 .card-body {
  padding:0px 35px 30px 35px
}

.accordion-style.style02 .card-header {
  border-bottom:0
}

.accordion-style.style02 .btn-link:after {
  content:"\e65a";
  top:32px
}

.accordion-style.style02 .btn-link.collapsed:after {
  content:"\e628";
  top:22px
}

.sidebar .widget {
  position:relative;
  display:block;
  background-color:#f8f9fa;
  border:1px solid rgba(220,224,229,0.6);
  padding:30px;
  border-radius:10px
}

.sidebar .menu li {
  margin-bottom:10px
}

.sidebar .menu li:last-child {
  margin-bottom:0
}

.sidebar .menu li a:hover,.sidebar .menu li.active a {
  color:#fff;
  background-color:#0d72ff;
  border:1px solid #0d72ff
}

.sidebar .menu li a {
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:16px;
  font-weight:600;
  color:#14212B;
  background-color:#fff;
  padding:17px 20px 17px 20px;
  border:1px solid #e7e3e3;
  border-radius:10px
}

.sidebar .menu li a:hover:before {
  background-color:#14212B
}

.sidebar .menu li.active a:before {
  background-color:#14212B
}

.sidebar .menu li a::before {
  position:absolute;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  left:0px;
  top:0px;
  width:30px;
  height:100%;
  background-color:#f4f5f4;
  text-align:center;
  font-size:16px;
  color:#707582;
  -webkit-transition:all 500ms ease;
  transition:all 500ms ease
}

.blog-tags a {
  border:1px solid #e8e9e8;
  background-color:#fff;
  padding:7px 12px;
  font-size:14px;
  line-height:20px;
  margin:0.6rem 5px 0 0;
  display:inline-block;
  border-radius:0.375rem
}

.blog-tags a:hover {
  border:1px solid #0d72ff;
  background-color:#0d72ff;
  color:#fff
}

.contact-widget {
  min-height:500px
}

.contact-widget:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(27,30,35,0)), color-stop(54.02%, rgba(27,30,35,0.75)), to(#1b1e23));
  background:linear-gradient(180deg, rgba(27,30,35,0) 0%, rgba(27,30,35,0.75) 54.02%, #1b1e23 100%)
}

@media screen and (max-width: 575px) {
  .sidebar .widget {
  padding:22px
}
}

.portfolio-details-style01 .box-letter {
  background-color:#0d72ff;
  position:relative;
  z-index:1;
  float:left;
  width:1.5em;
  height:1.5em;
  margin-top:0.3em;
  margin-right:0.5em;
  font-size:1.75em;
  line-height:1.55em;
  color:#14212B;
  font-weight:800;
  text-align:center;
  overflow:hidden;
  border-radius:10px
}

.portfolio-details-style01 .portfolio-tag a {
  display:inline-block;
  margin-bottom:6px;
  margin-right:6px;
  padding:0 9px;
  font-size:14px !important;
  line-height:28px;
  font-weight:500;
  color:#14212B;
  background-color:transparent;
  -webkit-transition:0.4s;
  transition:0.4s;
  border-radius:30px;
  border:1px solid #14212B
}

.portfolio-details-style01 .portfolio-tag a:last-child {
  margin-right:0
}

.portfolio-details-style01 .portfolio-tag a:hover {
  color:#fff;
  border-color:#0d72ff;
  background-color:#0d72ff
}

.portfolio-details-style01 .portfolio-social-icons a {
  width:36px;
  height:36px;
  background-color:transparent;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  color:#14212B;
  border-radius:50%;
  margin-right:12px;
  -webkit-transition:all 0.4s;
  transition:all 0.4s
}

.portfolio-details-style01 .portfolio-social-icons a:last-child {
  margin-right:0
}

.portfolio-details-style01 .portfolio-social-icons a:hover {
  background-color:#0d72ff;
  color:#fff
}

.countdown {
  padding:0
}

.countdown li {
  background:transparent;
  border:1px solid rgba(255,255,255,0.2);
  display:inline-block;
  text-align:center;
  min-width:120px;
  overflow:hidden;
  margin-right:10px;
  padding:15px 10px;
  position:relative;
  border-radius:3px
}

.countdown li:last-child {
  margin-right:0
}

.countdown li span {
  font-size:32px;
  font-weight:600;
  text-align:center;
  color:#ffffff;
  line-height:normal;
  position:relative
}

.countdown li p.timeRefDays,.countdown li p.timeRefHours,.countdown li p.timeRefMinutes,.countdown li p.timeRefSeconds {
  font-size:13px;
  font-weight:500;
  color:#ffffff;
  margin:0;
  z-index:2;
  position:relative;
  padding:0;
  text-transform:capitalize
}

.search-form_input {
  color:#0d72ff
}

.search-frame h4 a:hover {
  color:#0d72ff
}

.search-frame .search_list .match {
  color:#0d72ff
}

.search-frame .search_list li:before {
  color:#0d72ff
}

.search-frame .search_list li+li {
  border-top:3px solid #0d72ff
}

.search-frame .search {
  color:#0d72ff
}

.contact-map {
  width:100%;
  height:400px;
  vertical-align:top;
  border:0
}

.about-style01 .arrow-circle {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:relative;
  overflow:hidden;
  -webkit-transition:.3s;
  transition:.3s;
  margin-right:20px;
  width:50px;
  height:50px;
  border:2px solid #0d72ff;
  border-radius:50%
}

.about-style02 .top-right-content {
  margin-left:-49px
}

.about-style02 .bottom-right-content {
  margin-top:-256px
}

@media screen and (max-width: 1399px) {
  .about-style02 .top-right-content {
  margin-left:-9px
}
}

@media screen and (max-width: 1199px) {
  .about-style02 .top-right-content {
  margin-left:0
}

.about-style02 .bottom-right-content {
  margin-top:-100px
}
}

@media screen and (max-width: 991px) {
  .about-style02 .bottom-right-content {
  margin-top:0
}
}

.about-style03 .about-left .left-img {
  margin-top:-200px;
  z-index:9;
  position:relative
}

.about-style03 .about-circle .about-text {
  width:220px;
  height:220px;
  color:white;
  padding:18px;
  font-weight:600;
  position:relative;
  border-radius:50%;
  background:#1d2a34;
  margin:0 auto;
  z-index:9;
  margin-top:55px
}

.about-style03 .about-circle .about-text .coloring {
  fill:white;
  word-spacing:8px;
  letter-spacing:1px
}

.about-style03 .about-circle .about-text svg {
  -webkit-animation:rotated_circle 12s linear infinite;
  animation:rotated_circle 12s linear infinite
}

.about-style03 .about-circle .about-text .about-icon {
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  font-size:55px;
  width:110px;
  height:110px;
  line-height:110px;
  text-align:center;
  border-radius:50%;
  background-color:#fff;
  padding:25px
}

@-webkit-keyframes rotated_circle {
  0% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
}

100% {
  -webkit-transform:rotate(-360deg);
  transform:rotate(-360deg)
}
}

@keyframes rotated_circle {
  0% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
}

100% {
  -webkit-transform:rotate(-360deg);
  transform:rotate(-360deg)
}
}

@media screen and (max-width: 1199px) {
  .about-style03 .about-circle .about-text {
  width:190px;
  height:190px;
  margin-top:35px
}

.about-style03 .about-circle .about-text .about-icon {
  width:90px;
  height:90px
}
}

@media screen and (max-width: 575px) {
  .about-style03 .about-left .left-img {
  margin-top:-120px
}
}

.about-style04 .about-left .exp-box {
  width:400px;
  -webkit-filter:drop-shadow(0 3px 40.5px rgba(0,0,0,0.16));
  filter:drop-shadow(0 3px 40.5px rgba(0,0,0,0.16));
  -webkit-box-shadow:0 3px 40.5px rgba(0,0,0,0.16);
  box-shadow:0 3px 40.5px rgba(0,0,0,0.16);
  background-color:#fff;
  position:absolute;
  bottom:-12%;
  left:26%
}

.about-style04 .about-left .exp-box .bg-img {
  border-top-left-radius:0px;
  border-bottom-left-radius:0px
}

.about-style04 .about-right .progress {
  height:4px
}

@media screen and (max-width: 1199px) {
  .about-style04 .about-left .exp-box {
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
}
}

@media screen and (max-width: 767px) {
  .about-style04 .about-left .exp-box {
  bottom:-6%
}
}

@media screen and (max-width: 575px) {
  .about-style04 .about-left .exp-box {
  width:260px
}
}

.about-style05 .left-content .exp-no {
  width:110px;
  height:110px;
  background-color:#0d72ff;
  border-radius:50%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  color:#fff;
  font-size:42px;
  font-weight:800;
  line-height:1
}

.about-style05 .about-icon {
  width:60px;
  height:60px;
  background-color:rgba(9,184,80,0.2);
  color:#0d72ff;
  border-radius:20px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}

.process-style01 .process-block {
  text-align:center;
  position:relative;
  z-index:1;
  -webkit-transition:0.5s;
  transition:0.5s
}

.process-style01 .process-block .process-icon {
  -webkit-box-shadow:0 6px 30px 0 #00000012;
  box-shadow:0 6px 30px 0 #00000012;
  background:#fff;
  height:180px;
  width:180px;
  margin:auto;
  text-align:center;
  border-radius:50%;
  position:relative;
  z-index:1;
  margin-bottom:25px;
  -webkit-transition:0.5s;
  transition:0.5s;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}

.process-style01 .process-block .process-icon:before {
  position:absolute;
  content:"";
  height:140px;
  width:140px;
  border:1px dashed #c1c1c1;
  border-radius:50%;
  left:0;
  right:0;
  margin:auto;
  top:21px;
  -webkit-transition:0.5s;
  transition:0.5s
}

.process-style01 .process-block .process-icon span {
  position:absolute;
  top:8%;
  right:0;
  font-size:16px;
  line-height:35px;
  color:#ffffff;
  font-weight:600;
  background:#0d72ff;
  height:35px;
  width:35px;
  border-radius:50%;
  -webkit-transition:0.5s;
  transition:0.5s
}

.process-style01 .process-block:before {
  position:absolute;
  content:"";
  height:68%;
  width:106%;
  background:url("../img/content/arrow.png");
  background-repeat:no-repeat;
  background-position:center
}

.process-style01 .process-block.last:before {
  content:none
}

@media screen and (max-width: 1199px) {
  .process-style01 .process-block:before {
  content:none
}
}

.process-style02 .process-block .process-no {
  background-image:-webkit-gradient(linear, left top, right top, from(#0d72ff), to(#0d72ff));
  background-image:linear-gradient(to right, #0d72ff, #0d72ff);
  background-clip:text;
  -webkit-text-stroke-color:transparent;
  -webkit-text-stroke-width:2px;
  color:#fff;
  font-size:45px;
  font-weight:500;
  letter-spacing:1px
}

@media screen and (max-width: 575px) {
  .process-style02 .process-block .process-no {
  font-size:30px
}
}

.extra-style01 {
  margin-top:-190px
}

.why-choose-01 .why-choose-icon {
  width:75px;
  height:75px;
  background-color:#0d72ff;
  border-radius:50%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin-right:30px
}

.counter-style01 .counter-box {
  -webkit-box-shadow:0 6px 30px 0 #00000012;
  box-shadow:0 6px 30px 0 #00000012
}

.counter-style01 .counter-box .inner-box {
  border:1rem solid #fff
}

.counter-style01 .counter-box .inner-box:hover {
  background-color:#0d72ff;
  -webkit-transition:.4s;
  transition:.4s
}

.counter-style01 .counter-box .inner-box:hover .counter-no,.counter-style01 .counter-box .inner-box:hover span {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1);
  -webkit-transition:.4s;
  transition:.4s
}

.contact-style01 .contact-icon {
  width:80px;
  height:80px;
  background-color:rgba(9,184,80,0.1);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  color:#0d72ff;
  font-size:40px;
  border-radius:50%;
  margin:0 auto 20px
}

.progress-style1 .progress {
  height:5px
}

.progress-style1 .progress .progress-bar {
  background-color:#0d72ff
}

.progress-style2 .progress {
  height:8px
}

.progress-style2 .progress .progress-bar {
  background-color:#0d72ff
}

.wrapper-error h1 {
  font-weight:800;
  font-size:214px;
  line-height:1;
  text-align:center
}

@media screen and (max-width: 767px) {
  .wrapper-error h1 {
  font-size:194px
}
}

@media screen and (max-width: 575px) {
  .wrapper-error h1 {
  font-size:134px
}
}

.image-hover {
  position:relative;
  overflow:hidden
}

.image-hover:after {
  content:"";
  position:absolute;
  width:200%;
  height:0%;
  left:50%;
  top:50%;
  background-color:rgba(255,255,255,0.3);
  -webkit-transform:translate(-50%, -50%) rotate(-45deg);
  transform:translate(-50%, -50%) rotate(-45deg);
  z-index:1
}

.image-hover:hover:after,.image-hover:active:after,.image-hover:focus:after {
  height:250%;
  -webkit-transition:all 600ms linear;
  transition:all 600ms linear;
  background-color:transparent
}

.page-navigation {
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:0;
  background-color:#f8f9fa;
  border-radius:10px
}

.prev-page,.next-page {
  position:relative;
  width:50%;
  max-width:350px;
  margin:10px
}

.prev-page:before,.next-page:before {
  content:'';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:rgba(255,255,255,0);
  -webkit-box-shadow:0 0 0 0 rgba(34,35,40,0);
  box-shadow:0 0 0 0 rgba(34,35,40,0);
  -webkit-transform:scale(1.04, 1.12);
  transform:scale(1.04, 1.12);
  -webkit-transition:.3s ease-in-out;
  transition:.3s ease-in-out;
  pointer-events:none;
  border-radius:10px
}

.prev-page .page-info>a,.next-page .page-info>a {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:relative;
  padding:16px 20px;
  min-height:110px;
  -webkit-transition:0.8s;
  transition:0.8s
}

.prev-page .page-info .image-prev,.prev-page .page-info .image-next {
  position:relative;
  -ms-flex-negative:0;
  flex-shrink:0;
  width:70px;
  height:70px;
  vertical-align:middle;
  -webkit-transition:inherit;
  transition:inherit;
  overflow:hidden
}

.next-page .page-info .image-prev,.next-page .page-info .image-next {
  position:relative;
  -ms-flex-negative:0;
  flex-shrink:0;
  width:70px;
  height:70px;
  vertical-align:middle;
  -webkit-transition:inherit;
  transition:inherit;
  overflow:hidden
}

.prev-page .page-info .prev-title,.prev-page .page-info .next-title {
  display:inline-block;
  position:relative;
  max-width:220px;
  font-size:16px;
  line-height:1.5;
  font-weight:600;
  word-wrap:break-word;
  vertical-align:middle;
  -webkit-transition:0.45s;
  transition:0.45s
}

.next-page .page-info .prev-title,.next-page .page-info .next-title {
  display:inline-block;
  position:relative;
  max-width:220px;
  font-size:16px;
  line-height:1.5;
  font-weight:600;
  word-wrap:break-word;
  vertical-align:middle;
  -webkit-transition:0.45s;
  transition:0.45s
}

.prev-page .page-info .prev-title:empty,.prev-page .page-info .next-title:empty {
  display:none
}

.next-page .page-info .prev-title:empty,.next-page .page-info .next-title:empty {
  display:none
}

.prev-page:hover:before,.next-page:hover:before {
  background-color:white;
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-box-shadow:0 10px 30px 0 rgba(34,35,40,0.1);
  box-shadow:0 10px 30px 0 rgba(34,35,40,0.1)
}

.prev-page a {
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  text-align:left
}

.prev-page a:hover .image-prev:after {
  visibility:visible;
  opacity:1
}

.prev-page a:hover .image-prev:before {
  visibility:visible;
  opacity:1;
  margin-left:0
}

.prev-page .image-prev {
  margin-right:20px
}

.prev-page .image-prev:after {
  background-color:#0d72ff
}

.next-page .image-next:after {
  background-color:#0d72ff
}

.prev-page .image-prev:before {
  display:block;
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  margin-left:20px;
  content:"\e64a";
  font-family:'themify';
  font-size:21px;
  line-height:70px;
  color:#fff;
  text-align:center;
  opacity:0;
  visibility:hidden;
  -webkit-transition:.3s ease-in-out;
  transition:.3s ease-in-out
}

.prev-page .image-prev:after {
  content:'';
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  visibility:hidden;
  -webkit-transition:.3s ease-in-out;
  transition:.3s ease-in-out
}

.next-page {
  margin-left:auto
}

.next-page a {
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  text-align:right
}

.next-page a:hover .image-next:after {
  visibility:visible;
  opacity:1
}

.next-page a:hover .image-next:before {
  visibility:visible;
  opacity:1;
  margin-right:0
}

.next-page .image-next {
  margin-left:20px
}

.next-page .image-next:before {
  display:block;
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  margin-right:20px;
  content:"\e64a";
  font-family:'themify';
  font-size:21px;
  line-height:70px;
  color:#fff;
  text-align:center;
  opacity:0;
  visibility:hidden;
  -webkit-transition:.3s ease-in-out;
  transition:.3s ease-in-out;
  -webkit-transform:scaleX(-1);
  transform:scaleX(-1)
}

.next-page .image-next:after {
  content:'';
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  opacity:0;
  visibility:hidden;
  -webkit-transition:.3s ease-in-out;
  transition:.3s ease-in-out;
  border-radius:0.375rem
}

.next-page .next-title {
  text-align:right
}

.prev-link-page-info>span,.next-link-page-info>span {
  display:block
}

.prev-link-page-info .date-details,.next-link-page-info .date-details {
  font-size:14px;
  letter-spacing:.025em;
  line-height:20px;
  margin-bottom:-2px
}

.prev-link-page-info .date-details>div,.prev-link-page-info .date-details>span {
  line-height:inherit;
  -webkit-transition:0.45s;
  transition:0.45s;
  font-weight:500
}

.next-link-page-info .date-details>div,.next-link-page-info .date-details>span {
  line-height:inherit;
  -webkit-transition:0.45s;
  transition:0.45s;
  font-weight:500
}

.prev-link-page-info .date-details:only-child,.next-link-page-info .date-details:only-child {
  margin-top:0
}

@media (max-width: 767px) {
  .prev-page,.next-page {
  width:calc(100% - 20px);
  max-width:unset
}

.prev-page+.next-page {
  margin-top:0
}

.page-navigation {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
}
}

@media (max-width: 575px) {
  .prev-page .page-info>a,.next-page .page-info>a {
  padding:10px
}

.prev-page .page-info .prev-title,.prev-page .page-info .next-title {
  max-width:168px
}

.next-page .page-info .prev-title,.next-page .page-info .next-title {
  max-width:168px
}
}

.history-style01 .history-block .history-content {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-transition:all 300ms linear 0ms;
  transition:all 300ms linear 0ms;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
}

.history-style01 .history-block .history-content .history-year {
  font-size:48px;
  font-weight:600;
  text-transform:uppercase;
  line-height:1;
  white-space:nowrap;
  color:transparent;
  -webkit-text-stroke:1px #14212B;
  -webkit-transition:all 300ms linear 0ms;
  transition:all 300ms linear 0ms;
  position:relative
}

.history-style01 .history-block .history-content .history-no {
  width:50px;
  min-width:50px;
  height:50px;
  border-radius:50%;
  background-color:#fff;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  font-size:14px;
  font-style:normal;
  font-weight:700;
  text-transform:capitalize;
  color:#14212B;
  -webkit-transition:all 300ms linear 0ms;
  transition:all 300ms linear 0ms
}

.history-style01 .history-block .history-text {
  border-top:1px solid #dcdcdc;
  font-size:18px;
  font-style:normal;
  font-weight:400;
  color:#666;
  margin-top:40px;
  padding:30px 100px 0 0;
  position:relative;
  -webkit-transition:all 300ms linear 0ms;
  transition:all 300ms linear 0ms
}

.history-style01 .history-block .history-text:before {
  content:'';
  position:absolute;
  top:-1px;
  left:0;
  width:100%;
  height:1px;
  background-color:#232323;
  -webkit-transform-origin:left;
  transform-origin:left;
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transition:all 300ms linear 0ms;
  transition:all 300ms linear 0ms
}

.history-style01 .history-block .history-img,.history-style01 .history-block .history-content {
  padding-right:151px
}

.history-style01 .history-block:hover .history-content .history-no {
  color:#0d72ff
}

.history-style01 .history-block:hover .history-content .history-year {
  color:#14212B
}

.history-style01 .history-block:hover .history-text:before {
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
}

@media screen and (max-width: 1399px) {
  .history-style01 .history-block .history-img,.history-style01 .history-block .history-content {
  padding-right:75px
}

.history-style01 .history-block .history-text {
  padding:30px 50px 0 0
}
}

@media screen and (max-width: 991px) {
  .history-style01 .history-block .history-img,.history-style01 .history-block .history-content {
  padding-right:0
}

.history-style01 .history-block .history-text {
  padding:30px 0 0 0;
  margin-top:30px
}
}

@media screen and (max-width: 575px) {
  .history-style01 .history-block .history-text {
  padding:20px 0 0 0;
  margin-top:20px
}
}

.form-group {
  margin-bottom:1rem
}

.form-group label {
  margin-bottom:.5rem
}

.form-control:focus {
  border-color:#0d72ff
}

.form-check-input:checked {
  border-color:#0d72ff;
  background-color:#0d72ff
}

.quform-input {
  position:relative
}

.quform-input .quform-errors-wrap {
  position:absolute;
  right:8px;
  top:0;
  line-height:normal;
  z-index:1
}

.quform-element>label {
  font-weight:600;
  padding-bottom:5px;
  margin-bottom:0;
  color:#6a747b;
  font-size:15px
}

.quform-element>label .quform-required {
  color:#cc0101;
  font-size:10px
}

.quform-inner input {
  width:100%
}

.quform-elements .quform-element textarea {
  margin-bottom:0;
  padding:8px 15px;
  vertical-align:top
}

.quform-elements .quform-element select {
  margin-bottom:0;
  padding:8px 35px 8px 15px
}

.quform-errors {
  padding:0;
  margin:0;
  line-height:normal
}

.quform-errors>.quform-error {
  padding:0;
  background:none;
  border:none;
  float:none;
  color:#f5543f;
  font-size:11px;
  line-height:normal;
  letter-spacing:normal
}

.quform-outer-no-js .quform-error {
  padding:0;
  background:none;
  border:none;
  float:none;
  color:#f5543f;
  font-size:11px;
  line-height:normal;
  letter-spacing:normal
}

.quform-outer-no-js .quform-success-message {
  padding:0.75rem 1.25rem 0.75rem 3rem
}

.quform-has-error input,.quform-has-error textarea,.quform-has-error select,.quform-has-error input[type=file],.quform-has-error .custom-file-label {
  border-color:#f5543f
}

.quform-success-message {
  padding:0.75rem 1.25rem 0.75rem 3rem
}

.quform-submit-inner {
  float:none
}

.quform-loading-wrap {
  float:none
}

.quform-loading-wrap .quform-loading {
  display:inline-block
}

.quform-element {
  margin-bottom:1rem
}

.newsletter-style01 .form-control {
  min-height:56px;
  border-radius:5px
}

.newsletter-style01 .quform-submit-inner {
  position:absolute;
  right:0;
  top:0;
  width:unset
}

.newsletter-style01 .btn-style3 {
  border-radius:0 3px 3px 0;
  height:56px
}

.newsletter-style01 .btn-style3:hover,.newsletter-style01 .btn-style3:active,.newsletter-style01 .btn-style3:focus {
  border-color:#0d72ff
}

.newsletter-style01 .btn-style3:hover:after,.newsletter-style01 .btn-style3:active:after,.newsletter-style01 .btn-style3:focus:after {
  background:#0d72ff
}

.newsletter-style02 .form-control {
  background:transparent;
  border-width:0 0 1px 0;
  padding:.375rem 50px .375rem 0;
  color:#fff;
  outline:none;
  -webkit-box-shadow:none;
  box-shadow:none
}

.newsletter-style02 .quform-submit-inner {
  position:absolute;
  top:10px;
  right:20px;
  width:unset
}

.contact-style03 .quform-input .form-control {
  min-height:60px;
  border-radius:3px;
  background-color:#F9FAFC;
  padding-left:20px;
  padding-right:20px
}

.newsletter-style04 .form-control {
  min-height:54px
}

.newsletter-form-icon .quform-elements {
  position:relative
}

.newsletter-form-icon .quform-submit-inner {
  position:absolute;
  right:1px;
  top:3px;
  width:auto;
  background:transparent;
  height:48px
}

.newsletter-form-icon .quform-submit-inner .btn {
  border:none;
  padding:0.500rem 1.15rem
}

.newsletter-form-icon .quform-loading-wrap {
  margin-top:15px;
  margin-bottom:0;
  margin-left:0
}

.newsletter-form-icon input {
  border:1px solid transparent;
  background-color:rgba(255,255,255,0.2);
  height:50px;
  padding:0.5rem 4rem 0.5rem 1rem;
  color:#fff;
  border-radius:0
}

.newsletter-form-icon .form-control:focus,.newsletter-form-icon .form-control:active {
  background-color:rgba(255,255,255,0.2);
  color:#fff
}

.newsletter-form-icon .quform-has-error input,.newsletter-form-icon .quform-has-error textarea,.newsletter-form-icon .quform-has-error select {
  border-color:#f5543f
}

.newsletter-form-icon .quform-input .quform-errors-wrap {
  right:15px
}

.newsletter-form-icon i {
  font-size:1.2rem;
  line-height:2rem
}

.social-icon-style1 {
  margin-bottom:0;
  display:inline-block;
  padding-left:10px;
  list-style:none
}

.social-icon-style1 li {
  vertical-align:middle;
  display:inline-block;
  margin-right:5px
}

.social-icon-style1 li a {
  display:inline-block;
  font-size:14px;
  text-align:center;
  color:#ffffff;
  background:#0d72ff;
  height:40px;
  line-height:40px;
  width:40px
}

.social-icon-style1 li a:hover,.social-icon-style1 li a:active,.social-icon-style1 li a:focus {
  color:#0d72ff;
  background:#fff
}

.social-icon-style1 li:last-child {
  margin-right:0
}

.social-icon-style1 li a.small {
  width:30px;
  height:30px;
  line-height:30px;
  font-size:11px
}

.social-icon-style1.small li a {
  width:35px;
  height:35px;
  line-height:35px
}

.social-icon-style2 {
  margin-bottom:0;
  display:inline-block;
  padding-left:10px;
  list-style:none
}

.social-icon-style2 li {
  vertical-align:middle;
  display:inline-block;
  margin-right:5px
}

.social-icon-style2 li a {
  display:inline-block;
  font-size:14px;
  text-align:center;
  color:#ffffff;
  background:#14212B;
  height:41px;
  line-height:42px;
  width:41px;
  border-radius:5px
}

.social-icon-style2 li a:hover,.social-icon-style2 li a:active,.social-icon-style2 li a:focus {
  color:#fff;
  background:#0d72ff
}

.social-icon-style2 li:last-child {
  margin-right:0
}

.social-icon-style2 li a.small {
  width:30px;
  height:30px;
  line-height:30px;
  font-size:11px
}

.social-icon-style2.small li a {
  width:35px;
  height:35px;
  line-height:35px
}

@media screen and (max-width: 991px) {
  .social-icon-style2.small li a {
  width:30px;
  height:30px;
  line-height:30px
}
}

.social-icon-style3 li {
  margin-right:5px;
  display:inline-block
}

.social-icon-style3 li:last-child {
  margin-right:0
}

.social-icon-style3 li a {
  width:50px;
  height:50px;
  background:#fff;
  text-align:center;
  font-size:16px;
  color:#272c49;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%
}

.social-icon-style3 li a:hover {
  color:#0d72ff
}

@media screen and (max-width: 1199px) {
  .social-icon-style3 li a {
  width:40px;
  height:40px
}
}

.social-icon-style4 ul li {
  display:inline-block;
  margin-right:10px;
  -webkit-transition-duration:.3s;
  transition-duration:0.3s
}

.social-icon-style4 ul li a {
  color:#939393;
  display:inline-block;
  font-size:14px;
  height:42px;
  line-height:42px;
  text-align:center;
  width:42px;
  border:1px solid #fff;
  border-radius:50%
}

.social-icon-style4 ul li a:hover {
  background:#0d72ff;
  border-color:#0d72ff;
  color:#fff
}

footer {
  word-break:break-word
}

footer .email {
  border-bottom:1px solid rgba(255,255,255,0.7);
  display:inline-block;
  padding-bottom:5px
}

footer .email a {
  color:rgba(255,255,255,0.7);
  position:relative;
  -webkit-transition:all 0.8s ease;
  transition:all 0.8s ease
}

footer .email a:hover:after,footer .email a:active:after,footer .email a:focus:after {
  width:100%
}

footer .email a:hover,footer .email a:active,footer .email a:focus {
  color:#14212B
}

footer .email a:after {
  border-bottom:1px solid #fff;
  -webkit-transition:all 0.8s ease;
  transition:all 0.8s ease;
  content:"";
  display:inline-block;
  position:absolute;
  bottom:-11px;
  right:0;
  width:0
}

footer .phone {
  padding-bottom:0;
  margin-bottom:0
}

footer .phone a {
  padding-bottom:0;
  letter-spacing:-0.05rem;
  color:white
}

footer .phone a:hover,footer .phone a:active,footer .phone a:focus {
  color:#14212B
}

@media screen and (max-width: 767px) {
  footer .email a:after {
  bottom:-10px
}
}

.footer-logo {
  max-width:214px;
  width:100%;
  display:inline-block
}

.footer-style3 {
  border-radius:20px
}

.footer-style3 .footer-list li {
  padding-bottom:10px
}

.footer-style3 .footer-list li a {
  color:rgba(255,255,255,0.8)
}

.footer-style3 .footer-list li a:hover {
  color:#0d72ff
}

.footer-style3 .footer-list li:last-child {
  padding-bottom:0
}

@media screen and (max-width: 1399px) {
  .footer-style3 {
  border-radius:0
}
}
.grid-5-cols {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 3rem;
}

/* Medium screens (tablets) */
@media (max-width: 1024px) {
  .grid-5-cols {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Small screens (phones) */
@media (max-width: 768px) {
  .grid-5-cols {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile phones (vertical stack) */
@media (max-width: 480px) {
  .grid-5-cols {
    grid-template-columns: 1fr;
  }
}
.flex-shrink-0 img{
	width:65%;
	
}