@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');
/*font-family: "Archivo", sans-serif;*/

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
/*font-family: "Titillium Web", sans-serif;*/

@import url('https://fonts.googleapis.com/css2?family=Gantari:ital,wght@0,100..900;1,100..900&family=Zalando+Sans:ital,wght@0,200..900;1,200..900&display=swap');
/*font-family: "Gantari", sans-serif;*/
/*font-family: "Zalando Sans", sans-serif;*/


:root {
  --font: "Zalando Sans", sans-serif;
  --font-two: "Titillium Web", sans-serif;
  --gray: #757F95;
  --gray-rgb: 117, 127, 149;
  --base: #0953cf;
  --base-rgb: 42, 185, 126;
  --primary: #f7f7f9;
  --primary-rgb: 247, 247, 249;
  --black: #191a1c;
  --black-rgb: 25, 26, 28;
  --white: #ffffff;
  --white-rgb: 255, 255, 255;
  --bdr-radius: 20px;
}

.row {
  --bs-gutter-x: 30px;
}

.gutter-y-30 {
  --bs-gutter-y: 30px;
}

body {
  font-family: var(--font);
  color: var(--gray);
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
}

body.locked {
  overflow: hidden;
}

a {
  color: var(--base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

a,
a:hover,
a:focus,
a:visited {
  text-decoration: none;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::placeholder {
  color: inherit;
  opacity: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-two);
  color: var(--black);
  letter-spacing: -0.72px;
  margin: 0;
}

p {
  margin: 0;
}

dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 0;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::placeholder {
  color: inherit;
  opacity: 1;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
}

.container {
  padding-left: 15px;
  padding-right: 15px;
}


/*=============== scrollbar-Css =============*/

.xs-sidebar-widget::-webkit-scrollbar {
  width: 0px;
}





@media (min-width: 1320px) {
  .container {
    max-width: 1320px;
  }
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::placeholder {
  color: inherit;
  opacity: 1;
}



/*** chat popup ***/

.chat-popup {
  position: fixed;
  left: -100%;
  bottom: 0px;
  width: 350px;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  background: var(--black);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
  border-radius: 10px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.chat-popup.popup-visible {
  left: 0px;
  visibility: visible;
  opacity: 1;
}

.chat-popup .popup-inner {
  position: relative;
  display: block;
  padding: 40px 35px;
  padding-top: 32px;
}

.chat-popup .close-chat {
  position: absolute;
  display: flex;
  left: 0px;
  top: -55px;
  width: 60px;
  height: 55px;
  line-height: 44px;
  text-align: center;
  border-radius: 5px;
  font-size: 16px;
  color: #fff;
  background: var(--base);
  cursor: pointer;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
  align-items: center;
  justify-content: center;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.chat-popup .popup-inner p {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 40px;
  color: rgba(255, 255, 255, .70);
}

.chat-popup .chat-form .form-group {
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.chat-popup .chat-form .form-group:last-child {
  margin-bottom: 0px;
}

.chat-popup .chat-form .form-group input[type='text'],
.chat-popup .chat-form .form-group input[type='email'],
.chat-popup .chat-form .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 5px;
  font-size: 13px;
  color: rgba(255, 255, 255, .70);
  padding: 10px 20px;
  background-color: rgba(255, 255, 255, .10);
  transition: all 500ms ease;
}

.chat-popup .chat-form .form-group textarea {
  height: 120px;
  resize: none;
}

.chat-popup .chat-form .form-group input:focus,
.chat-popup .chat-form .form-group textarea:focus {
  outline: none;
}

.chat-popup .chat-form .form-group button {
  border: none;
}

.chat-popup .chat-form .form-group button:hover {
  color: var(--base);
}

.chat-popup .chat-form .form-group button:before,
.chat-popup .chat-form .form-group button::after {
  background-color: var(--white);
}


.chat-icon {
  position: fixed;
  display: inline-block;
  right:80px;
  bottom:12px;
  z-index: 99;
}

.chat-icon button {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 50px;
  text-align: center;
  font-size: 28px;
  color: #fff;
  border-radius:50px;
  background: var(--base);
  z-index: 1;
  border: none;
}

.chat-icon button:before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
 /* background-color: rgb(59, 124, 234,0.1);*/
  border-radius: 50px;
  z-index: -1;
}



/***
=============================================
xs sidebar
=============================================
***/
.xs-sidebar-group .xs-overlay {
  left: 0%;
  top: 0;
  position: fixed;
  height: 100%;
  opacity: 0;
  width: 100%;
  visibility: hidden;
  -webkit-transition: all .4s ease-in .8s;
  -o-transition: all .4s ease-in .8s;
  transition: all .4s ease-in .8s;
  cursor: url(../images/icon/cross-out.png),
    pointer;
  z-index: 99999;
}

.xs-sidebar-group.isActive .xs-overlay {
  opacity: .8;
  visibility: visible;
  -webkit-transition: all .8s ease-out 0s;
  -o-transition: all .8s ease-out 0s;
  transition: all .8s ease-out 0s;
  right: 100%;
}

.xs-sidebar-group .widget-heading {
  position: absolute;
  top: 0;
  right: 0;
  padding: 25px;
}

.xs-sidebar-group .widget-heading a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.xs-sidebar-group .widget-heading a:hover {
  color: var(--base);
  border-color: var(--base);
}

.xs-sidebar-widget {
  position: fixed;
  left: -100%;
  top: 0;
  bottom: 0;
  width: 100%;
  max-width: 360px;
  z-index: 999999;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  visibility: hidden;
  opacity: 0;
  border-right: 5px solid rgba(var(--white-rgb), .50);
}

.xs-sidebar-group.isActive .xs-sidebar-widget {
  opacity: 1;
  visibility: visible;
  left: 0;
  background-color: var(--black);
  -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
  -o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
  transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
}

.sidebar-textwidget {
  padding: 70px 30px;
}

.sidebar-widget-container {
  position: relative;
  top: 150px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease-in .3s;
  -o-transition: all .3s ease-in .3s;
  transition: all .3s ease-in .3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.xs-sidebar-group.isActive .sidebar-widget-container {
  top: 0px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 1s ease-out 1.2s;
  -o-transition: all 1s ease-out 1.2s;
  transition: all 1s ease-out 1.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.xs-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: .8;
  z-index: 0;
}

.xs-bg-black {
  background-color: #000000;
}

.xs-sidebar-group .content-inner .logo {
  position: relative;
  max-width: 240px;
  margin-bottom: 30px;
}

.xs-sidebar-group .content-inner h4 {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 15px;
  letter-spacing: 0.05em;
}

.xs-sidebar-group .content-inner .content-box {
  margin-bottom: 30px;
  padding-right: 15px;
}

.xs-sidebar-group .content-inner .content-box p {
  color: #ffffff;
}

.xs-sidebar-group .content-inner .form-inner .form-group {
  position: relative;
  margin-bottom: 20px;
}

.xs-sidebar-group .content-inner .form-inner .form-group:last-child {
  margin-bottom: 0px;
}

.xs-sidebar-group .content-inner .form-inner .form-group input[type='text'],
.xs-sidebar-group .content-inner .form-inner .form-group input[type='email'],
.xs-sidebar-group .content-inner .form-inner .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  font-size: 15px;
  padding: 10px 20px;
  color: var(--gray);
  border: none;
  border-radius: var(--bdr-radius);
  outline: none;
  transition: all 500ms ease;
}

.xs-sidebar-group .content-inner .form-inner .form-group textarea {
  resize: none;
  height: 120px;
}

.xs-sidebar-group .content-inner .form-inner .form-group input:focus,
.xs-sidebar-group .content-inner .form-inner .form-group textarea:focus {
  border-color: #00224f;
}

.xs-sidebar-group .content-inner .form-inner .form-group button {
  position: relative;
  border: none;
}

.xs-sidebar-group .content-inner .form-inner .form-group button.thm-btn::before,
.xs-sidebar-group .content-inner .form-inner .form-group button.thm-btn::after {
  background-color: var(--white);
}

.xs-sidebar-group .content-inner .form-inner .form-group button.thm-btn:hover {
  color: var(--black);
}

.sidebar-contact-info {
  position: relative;
  display: block;
  padding-top: 43px;
}

.sidebar-contact-info ul {
  position: relative;
  display: block;
  padding-bottom: 22px;
}

.sidebar-contact-info ul li {
  position: relative;
  display: block;
  color: var(--white);
  line-height: 30px;
}

.sidebar-contact-info ul li span {
  position: relative;
  display: inline-block;
  width: 25px;
}

.sidebar-contact-info ul li span:before {
  position: relative;
  display: inline-block;
  color: #ffffff;
}

.sidebar-contact-info ul li a {
  color: var(--white);
}

.sidebar-contact-info ul li a:hover {
  color: var(--base);
}

.xs-sidebar-group .content-inner .thm-social-link1 {
  overflow: hidden;
}

.thm-social-link1 {
  position: relative;
  display: block;
}

.thm-social-link1 ul {
  position: relative;
}

.thm-social-link1 ul li {
  position: relative;
  display: inline-block;
  margin-right: 6px;
}

.thm-social-link1 ul li:last-child {
  margin-right: 0;
}

.thm-social-link1 ul li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: rgba(var(--white-rgb), .10);
  border-radius: 50%;
  color: var(--white);
  font-size: 15px;
  text-align: center;
  z-index: 1;
  transition: all 500ms ease;
}

.thm-social-link1 ul li a:before {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: var(--base);
  border-radius: 50%;
  transition: .5s;
  transform: scale(.5);
  opacity: 0;
  content: '';
  z-index: -1;
}

.thm-social-link1 ul li a:hover:before {
  transform: scale(1);
  opacity: 1;
}

.thm-social-link1 ul li a:hover {
  color: var(--white);
}


/*=============== scrollbar-Css =============*/

.xs-sidebar-widget::-webkit-scrollbar {
  width: 0px;
}



/*--------------------------------------------------------------
# Custom Cursor
--------------------------------------------------------------*/
.custom-cursor__cursor {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  border: 1px solid var(--base);
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  position: fixed;
  pointer-events: none;
  left: 0;
  top: 0;
  -webkit-transform: translate(calc(-50% + 5px), -50%);
  transform: translate(calc(-50% + 5px), -50%);
  z-index: 999991;
}

.custom-cursor__cursor-two {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: var(--base);
  opacity: .3;
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  -webkit-transition: width .3s, height .3s, opacity .3s;
  transition: width .3s, height .3s, opacity .3s;
  z-index: 999991;
}

.custom-cursor__hover {
  background-color: var(--base);
  opacity: 0.4;
}

.custom-cursor__innerhover {
  width: 25px;
  height: 25px;
  opacity: .4;
}




/*---------------------------------
     Preloader CSS
-----------------------------------*/
.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 20000;
  overflow-x: hidden !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loader div {
  width: 20px;
  height: 20px;
  margin: 0 10px 0;
  border-radius: 50px;
  transform-origin: 50% 0;
  display: inline-block;
  animation: bouncing 1.4s linear infinite;
}

.loader div:last-child {
  margin: 0;
}

.loader div:nth-child(1) {
  background-color: rgb(58, 123, 232, 1.0);
}

.loader div:nth-child(2) {
  background-color: rgb(58, 123, 232, 0.70);
  animation-delay: 0.2s;
}

.loader div:nth-child(3) {
  background-color: rgb(58, 123, 232, 0.40);
  animation-delay: 0.4s;
}

@keyframes bouncing {

  0%,
  100% {
    transform: translateY(0) scale(1, 1);
    animation-timing-function: ease-in;
  }

  45% {
    transform: translateY(50px) scale(1, 1);
    animation-timing-function: linear;
  }

  50% {
    transform: translateY(50px) scale(1.5, 0.5);
    animation-timing-function: linear;
  }

  55% {
    transform: translateY(50px) scale(1, 1);
    animation-timing-function: ease-out;
  }
}







/* scroll to top */
.scroll-to-top {
  display: flex;
  align-items: center;
  width: auto;
  height: 35px;
  background: transparent;
  position: fixed;
  bottom: 60px;
  right: -12px;
  z-index: 99;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transform: rotate(-90deg);
  cursor: pointer;
  transition: all 0.2s ease;
}

.scroll-to-top:hover {
  color: var(--base);
}

.scroll-to-top__text {
  display: inline;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700;
  margin-left: 10px;
}

.scroll-to-top__wrapper {
  display: inline-block;
  width: 30px;
  height: 4px;
  background-color: var(--base);
  position: relative;
  overflow: hidden;
}

.scroll-to-top__inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--black);
}

.scroll-to-top.show {
  opacity: 1;
  visibility: visible;
  bottom: 70px;
}





/*--------------------------------------------------------------
# Search Popup
--------------------------------------------------------------*/
.search-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 120px;
  width: 100%;
  z-index: 99999;
  transform: translateY(-100%);
  transition: all 0.5s;
}

.search-active .search-popup {
  transform: translateY(0%);
}

.search-popup .color-layer {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  height: 120px;
  width: 100%;
  background-color: var(--base);
  transition: all 0.5s;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
}

.sidenav-bar-visible .search-popup {
  display: none;
}

.search-popup .close-search {
  position: absolute;
  right: 25px;
  top: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 70px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 0%;
  cursor: pointer;
  color: #ffffff;
  font-size: 30px;
  transition: all 0.5s;
  border: none;
  opacity: 0;
  transform: translateX(100px);
  visibility: hidden;
  z-index: 9999;
}

.search-popup .close-search:hover {
  color: var(--base);
  background-color: rgba(255, 255, 255, 1.0);
}

.search-active .search-popup .close-search {
  opacity: 1;
  transform: translateX(0px);
  visibility: visible;
  -webkit-transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}




.search-popup form {
  position: absolute;
  max-width: 700px;
  top: 25px;
  left: 0px;
  right: 0px;
  margin: 0px auto 0;
  opacity: 0;
  transition: all 0.5s;
  z-index: 999;
}

.search-active .search-popup form {
  opacity: 1;
}

.search-popup .form-group {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
}

.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"] {
  position: relative;
  display: block;
  background-color: rgba(255, 255, 255, 1.0);
  font-size: 18px;
  color: var(--black);
  height: 70px;
  width: 100%;
  padding: 10px 30px 10px 75px;
  font-weight: 500;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  text-transform: capitalize;
  border: 0px solid rgba(0, 0, 0, 0.10)
}

.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"]:focus {
  outline: none;
}

.search-popup .form-group input[type="submit"],
.search-popup .form-group button {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 70px;
  background: var(--black);
  text-align: center;
  font-size: 20px;
  color: var(--white);
  padding: 0;
  cursor: pointer;
  border: none;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  width: 60px;
}

.search-popup .form-group button i {
  font-style: normal;
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover {
  background-color: rgba(var(--base-rgb), 0.5);
  color: var(--black);
}

.search-popup input::placeholder {
  color: var(--black);
}




/* Section Title Css */
.section-title {
  position: relative;
  display: block;
  margin-top: -7px;
  margin-bottom: 60px;
  z-index: 1;
}

.section-title__tagline {
  position: relative;
  margin: 0;
  font-family: var(--font-two);
  color: var(--base);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  font-weight: 400;
  font-size:20px;
  line-height: 16px;
  margin-bottom: 12px;
}


.section-title__tagline-border {
  height: 2px;
  background-color: var(--base);
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
}

.section-title__tagline-border::after {
  position: absolute;
  left: 0;
  top: -3px;
  right: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  content: "";
  animation: zump 2s linear infinite;
  background: var(--white);
  border-radius: 50%;
}

.section-title__title {
  font-size: 44px;
  line-height:50px;
  font-weight:700;
  letter-spacing: -1.44px;
  margin: 0;
}

@keyframes zump {

  0%,
  100% {
    transform: translateX(0);
  }

  25%,
  75% {
    transform: translateX(10px);
  }

  50% {
    transform: translateX(-10px);
  }
}


.section-title__title .split-line {
  text-transform: none;
}




/* Thm Btn Css */
.thm-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  vertical-align: middle;
  -webkit-appearance: none;
  outline: none !important;
  background-color: var(--base);
  color: var(--white);
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  padding: 19px 20px 19px;
  overflow: hidden;
  border-radius: 12px;
  transition: all 0.5s linear;
  text-transform: capitalize;
  z-index: 1;
}

.thm-btn>span {
  position: relative;
  font-size: 14px;
  font-weight: 500;
}


.thm-btn::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 50%;
  height: 0;
  visibility: hidden;
  background-color: var(--black);
  opacity: 0;
  z-index: -1;
  transition: all 0.4s ease-in-out;
}

.thm-btn:hover:before {
  width: 100%;
  height: 100%;
  visibility: visible;
  opacity: 1;
}




.thm-btn::after {
  position: absolute;
  background-color: var(--black);
  bottom: 0;
  right: 0;
  content: "";
  width: 50%;
  height: 0;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: all 0.4s ease-in-out;
}

.thm-btn:hover::after {
  width: 100%;
  height: 100%;
  visibility: visible;
  opacity: 1;
}

.thm-btn:hover {
  color: #fff;
}


.thm-btn-two {
  border-radius: 30px;
}



/*--------------------------------------------------------------
# Navigations One
--------------------------------------------------------------*/
.main-header {
  position: relative;
  display: block;
  width: 100%;
  background: transparent;
  transition: all 500ms ease;
  z-index: 999;
}

.main-menu__top {
  position: relative;
  display: block;
}

.main-menu__top-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 5px 55px 5px;
  background-color: var(--base);
}

.main-menu__contact-list {
  position: relative;
  display: flex;
  align-items: center;
}

.main-menu__contact-list li {
  position: relative;
  display: flex;
  align-items: center;
}

.main-menu__contact-list li+li {
  margin-left: 46px;
}

.main-menu__contact-list li:before {
  content: "";
  position: absolute;
  top: -3px;
  bottom: 2px;
  left: -23px;
  width: 1px;
  background-color: rgba(var(--white-rgb), .30);
}

.main-menu__contact-list li:first-child:before {
  display: none;
}

.main-menu__contact-list li .icon {
  position: relative;
  display: flex;
  align-items: center;
  
}

.main-menu__contact-list li .icon i {
  font-size: 18px;
  color: var(--white);
  position: relative;
  display: inline-block; 
}

.main-menu__contact-list li .text {
  margin-left: 10px;
}

.main-menu__contact-list li .text p {
  font-size: 16px;
  font-weight: 400;
  color: var(--white);
  line-height: 16px;
}

.main-menu__contact-list li .text p a {
  color: var(--white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu__contact-list li .text p a:hover {
  color: var(--black);
}

.main-menu__top-welcome-text {
  font-size: 18px;
  font-weight: 500;
  color: var(--white);
  text-transform: capitalize;
  font-family: var(--font-two);
  line-height: 18px;
  letter-spacing: 0.05em;
}

.main-menu__top-right {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.main-menu__top-time {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.main-menu__top-time-icon {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.main-menu__top-time-icon span {
  position: relative;
  display: inline-block;
  font-size: 18px;
  color: var(--white);
}

.main-menu__top-text {
  font-size: 16px;
  font-weight: 500;
  color: var(--white);
  letter-spacing: 0.05em;
  line-height: 16px;
  margin-left: 10px;
}

.main-menu__social {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 40px;
}

.main-menu__social a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border: 1px solid rgba(var(--white-rgb), .40);
  border-radius: 5px;
  font-size: 15px;
  color: var(--white);
  background-color: transparent;
  overflow: hidden;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  z-index: 1;
}

.main-menu__social a:hover {
  color: var(--base);
  border: 1px solid var(--white);
}

.main-menu__social a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: var(--white);
  transform: scale(0.5);
  border-radius: 5px;
  opacity: 0;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  z-index: -1;
}

.main-menu__social a:hover::before {
  transform: scale(1.0);
  opacity: 1;
}

.main-menu__social a+a {
  margin-left: 5px;
}

.main-menu {
  position: relative;
  display: block;
}

.main-menu__wrapper {
  position: relative;
  display: block;
  border-bottom: 1px solid rgba(var(--black-rgb), .10);
}

.main-menu__wrapper-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 55px;
}

.main-menu__left {
  display: block;
}

.main-menu__logo {
  display: block;
  padding: 25px 0; width:300px;
}

.main-menu__main-menu-box {
  display: block;
}

.main-menu__right {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 25px;
  padding: 18px 0;
}

.main-menu__call {
  position: relative;
  display: flex;
  align-items: center;
}

.main-menu__call-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  background-color: var(--base);
  border-radius: 50%;
  color: var(--white);
  font-size: 18px;
  top: 3px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu__call-icon:hover {
  background-color: var(--black);
  color: var(--white);
}

.main-menu__call-content {
  position: relative;
  display: block;
  top: 3px;
  margin-left: 10px;
}

.main-menu__call-sub-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--gray);
  line-height: 16px;
  font-family: var(--font-two);
  letter-spacing: 0.03em;
  text-transform: capitalize;
}

.main-menu__call-number {
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  margin-top: 8px;
  font-family: var(--font);
}

.main-menu__call-number a {
  color: var(--black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu__call-number a:hover {
  color: var(--base);
}

.main-menu__search-cart-box {
  position: relative;
  display: flex;
  align-items: center;
}

.main-menu__search-box {
  position: relative;
  display: block;
}

.main-menu__search {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 24px;
  color: var(--black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu__search:hover {
  color: var(--base);
}

.main-menu__cart-box {
  position: relative;
  display: block;
  margin-left: 20px;
}

.main-menu__cart {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 24px;
  color: var(--black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu__cart-count {
  position: absolute;
  top: -15px;
  right: -15px;
  height: 20px;
  width: 20px;
  font-size: 10px;
  line-height: 10px;
  font-weight: 500;
  background-color: var(--base);
  color: var(--white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu__cart:hover {
  color: var(--base);
}

.main-menu__nav-sidebar-icon {
  position: relative;
  display: block;
}

.main-menu__nav-sidebar-icon .navSidebar-button {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
  padding-right: 11px;
  height: 45px;
  width: 45px;
  background-color: var(--base);
  border-radius: 50%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.icon-dots-menu-one {
  position: relative;
  display: block;
  width: 15px;
  height: 3px;
  background-color: var(--white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu__nav-sidebar-icon .navSidebar-button:hover .icon-dots-menu-one {
  width: 22px;
}

.icon-dots-menu-two {
  position: relative;
  display: block;
  width: 22px;
  height: 3px;
  background-color: var(--white);
  margin-top: 5px;
  margin-bottom: 5px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.icon-dots-menu-three {
  position: relative;
  display: block;
  width: 18px;
  height: 3px;
  background-color: var(--white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu__nav-sidebar-icon .navSidebar-button:hover .icon-dots-menu-three {
  width: 22px;
}




.stricky-header.main-menu {
  background-color: var(--white);
}

.main-menu .main-menu__list,
.main-menu .main-menu__list>li>ul,
.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list,
.stricky-header .main-menu__list>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
}



@media (min-width: 1200px) {

  .main-menu .main-menu__list,
  .main-menu .main-menu__list>li>ul,
  .main-menu .main-menu__list>li>ul>li>ul,
  .stricky-header .main-menu__list,
  .stricky-header .main-menu__list>li>ul,
  .stricky-header .main-menu__list>li>ul>li>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.main-menu .main-menu__list>li,
.stricky-header .main-menu__list>li {
  padding-top: 35px;
  padding-bottom: 35px;
  position: relative;
}

.main-menu .main-menu__list>li+li,
.stricky-header .main-menu__list>li+li {
  margin-left: 30px;
}

.main-menu .main-menu__list>li>a,
.stricky-header .main-menu__list>li>a {
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--black);
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 20px;
  font-family: var(--font-two);
  letter-spacing: 0.03em;
}

.main-menu .main-menu__list>li.current>a,
.main-menu .main-menu__list>li:hover>a,
.stricky-header .main-menu__list>li.current>a,
.stricky-header .main-menu__list>li:hover>a {
  color: var(--base);
}

.main-menu .main-menu__list>li>a::before,
.stricky-header .main-menu__list>li>a::before {
  content: "";
  height: 2px;
  border-radius: 0px;
  background-color: var(--base);
  position: absolute;
  bottom: -3px;
  left: 0px;
  right: 0px;
  transition: transform 500ms ease;
  transform: scale(0, 1);
  transform-origin: left center;
  z-index: 1;
}

.main-menu .main-menu__list>li.current>a::before,
.main-menu .main-menu__list>li:hover>a::before,
.stricky-header .main-menu__list>li.current>a::before,
.stricky-header .main-menu__list>li:hover>a::before {
  transform: scale(1, 1);
  transform-origin: right center;
}

.main-menu .main-menu__list>li.dropdown>a {
  padding-right: 15px;
}

.main-menu .main-menu__list>li.dropdown>a:after {
  position: absolute;
  top: 56%;
  right: 0;
  font-family: "FontAwesome";
  content: "\f107";
  font-size: 14px;
  color: var(--black);
  transform: translateY(-50%);
  font-weight: 400;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}

.main-menu .main-menu__list>li.current>a::after,
.main-menu .main-menu__list>li:hover>a::after,
.stricky-header .main-menu__list>li.current>a::after,
.stricky-header .main-menu__list>li:hover>a::after {
  color: var(--base);
}

.main-menu .main-menu__list>li>ul,
.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: var(--white);
  min-width: 300px;
  padding: 25px 30px 25px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  border-bottom-left-radius: var(--bdr-radius);
  border-bottom-right-radius: var(--bdr-radius);
  opacity: 0;
  visibility: hidden;
  z-index: 99;
  transform: perspective(500px) rotatex(-20deg);
  transform-origin: 50% 0%;
  -webkit-transition: all 300ms linear 0ms;
  -khtml-transition: all 300ms linear 0ms;
  -moz-transition: all 300ms linear 0ms;
  -ms-transition: all 300ms linear 0ms;
  -o-transition: all 300ms linear 0ms;
  transition: all 300ms linear 0ms;
}

.shadow-box {
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}

.main-menu .main-menu__list>li>ul>li>ul>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul>li>ul {
  display: none;
}

.main-menu .main-menu__list>li:hover>ul,
.main-menu .main-menu__list>li>ul>li:hover>ul,
.stricky-header .main-menu__list>li:hover>ul,
.stricky-header .main-menu__list>li>ul>li:hover>ul {
  opacity: 1;
  visibility: visible;
  transform: perspective(500px) rotatex(0);
}

.main-menu .main-menu__list>li>ul>li,
.main-menu .main-menu__list>li>ul>li>ul>li,
.stricky-header .main-menu__list>li>ul>li,
.stricky-header .main-menu__list>li>ul>li>ul>li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  width: 100%;
  position: relative;
}

.main-menu .main-menu__list>li>ul>li+li,
.main-menu .main-menu__list>li>ul>li>ul>li+li,
.stricky-header .main-menu__list>li>ul>li+li,
.stricky-header .main-menu__list>li>ul>li>ul>li+li {
  border-top: 1px solid rgba(var(--black-rgb), 0.10);
  margin-top: 0px;
}

.main-menu .main-menu__list>li>ul>li>a,
.main-menu .main-menu__list>li>ul>li>ul>li>a,
.stricky-header .main-menu__list>li>ul>li>a,
.stricky-header .main-menu__list>li>ul>li>ul>li>a {
  position: relative;
  display: flex;
  align-items: center;
  color: rgba(var(--black-rgb), 1);
  font-size: 17px;
  line-height: 17px;
  font-weight: 600;
  font-family: var(--font-two);
  text-transform: capitalize;
  padding: 16px 0px 16px;
  -webkit-transition: all 200ms linear 0ms;
  -khtml-transition: all 200ms linear 0ms;
  -moz-transition: all 200ms linear 0ms;
  -ms-transition: all 200ms linear 0ms;
  -o-transition: all 200ms linear 0ms;
  transition: all 200ms linear 0ms;
}

.main-menu .main-menu__list>li>ul>li:hover>a,
.main-menu .main-menu__list>li>ul>li>ul>li:hover>a,
.stricky-header .main-menu__list>li>ul>li:hover>a,
.stricky-header .main-menu__list>li>ul>li>ul>li:hover>a {
  color: #3a7be9;
  padding-left: 5px;
}

.main-menu .main-menu__list>li>ul>li>a::before,
.main-menu .main-menu__list>li>ul>li>ul>li>a::before,
.stricky-header .main-menu__list>li>ul>li>a::before,
.stricky-header .main-menu__list>li>ul>li>ul>li>a::before {
  position: absolute;
  top: 50%;
  right: 20px;
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  content: "\f105";
  font-size: 14px;
  color: var(--base);
  transform: translateY(-50%) scale(0);
  -webkit-transition: 500ms;
  transition: 500ms;
}

.main-menu .main-menu__list>li>ul>li:hover>a::before,
.main-menu .main-menu__list>li>ul>li>ul>li:hover>a::before,
.stricky-header .main-menu__list>li>ul>li:hover>a::before,
.stricky-header .main-menu__list>li>ul>li>ul>li:hover>a::before {
  transform: translateY(-50%) scale(1);
}

.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul {
  top: 0;
  left: 100%;
}

.main-menu .main-menu__list li ul li>ul.right-align,
.stricky-header .main-menu__list li ul li>ul.right-align {
  top: 0;
  left: auto;
  right: 100%;
}

.main-menu-four__main-menu-box .main-menu__list>.megamenu,
.main-menu-three__main-menu-box .main-menu__list>.megamenu,
.main-menu-two__main-menu-box .main-menu__list>.megamenu,
.main-menu__wrapper .main-menu__list>.megamenu {
  position: static;
}

.main-menu-four__main-menu-box .main-menu__list>.megamenu>ul,
.main-menu-three__main-menu-box .main-menu__list>.megamenu>ul,
.main-menu-two__main-menu-box .main-menu__list>.megamenu>ul,
.main-menu__wrapper .main-menu__list>.megamenu>ul {
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  background-color: transparent;
}

.main-menu-three__main-menu-box .main-menu__list>.megamenu>ul>li,
.main-menu-two__main-menu-box .main-menu__list>.megamenu>ul>li,
.main-menu__wrapper .main-menu__list>.megamenu>ul>li {
  padding: 0 !important;
}

.stricky-header {
  position: fixed;
  z-index: 991;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  visibility: hidden;
  -webkit-transform: translateY(-120%);
  transform: translateY(-120%);
  -webkit-transition: visibility 500ms ease, -webkit-transform 500ms ease;
  transition: visibility 500ms ease, -webkit-transform 500ms ease;
  transition: transform 500ms ease, visibility 500ms ease;
  transition: transform 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}

@media (max-width: 1199px) {
  .stricky-header {
    display: none !important;
  }
}

.stricky-header.stricky-fixed {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
}

.stricky-header .main-menu__inner {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-right: 0;
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
}

.mobile-nav__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: 10px;
}

@media (min-width: 1200px) {
  .mobile-nav__buttons {
    display: none;
  }
}

.mobile-nav__buttons a {
  font-size: 20px;
  color: var(--base);
  cursor: pointer;
}

.mobile-nav__buttons a+a {
  margin-left: 10px;
}

.mobile-nav__buttons a:hover {
  color: var(--base);
}

.main-menu .mobile-nav__toggler {
  font-size: 20px;
  color: var(--base);
  cursor: pointer;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.main-menu .mobile-nav__toggler:hover {
  color: var(--black);
}

@media (min-width: 1200px) {
  .main-menu .mobile-nav__toggler {
    display: none;
  }
}

/*--------------------------------------------------------------
# Mobile Nav
--------------------------------------------------------------*/
.mobile-nav__wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
  transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
  transition: transform 500ms ease 500ms, visibility 500ms ease 500ms;
  transition: transform 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
  visibility: hidden;
}

.mobile-nav__wrapper .container {
  padding-left: 0;
  padding-right: 0;
}

.mobile-nav__wrapper.expanded {
  opacity: 1;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  visibility: visible;
  -webkit-transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
  transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
  transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;
  transition: transform 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
}

.mobile-nav__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  opacity: 0.5;
  cursor: pointer;
}

.mobile-nav__content {
  width: 300px;
  background-color: var(--black);
  z-index: 10;
  position: relative;
  height: 100%;
  overflow-y: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
  transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
  transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms;
  transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
}

.mobile-nav__wrapper.expanded .mobile-nav__content {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
  transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
  transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms;
  transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
}

.mobile-nav__content .logo-box {
  margin-bottom:28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width:240px;
}

.mobile-nav__close {
  position: absolute;
  top: 20px;
  right: 15px;
  font-size: 18px;
  color: var(--white);
  cursor: pointer;
}

.mobile-nav__content .main-menu__list,
.mobile-nav__content .main-menu__list>li>ul,
.mobile-nav__content .main-menu__list>li>ul>li>ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.mobile-nav__content .main-menu__list>li>ul,
.mobile-nav__content .main-menu__list>li>ul>li>ul {
  display: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-left: 0.5em;
}

.mobile-nav__content .main-menu__list>li:not(:last-child),
.mobile-nav__content .main-menu__list>li>ul>li:not(:last-child),
.mobile-nav__content .main-menu__list>li>ul>li>ul>li:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav__content .main-menu__list>li>a>.main-menu-border {
  display: none !important;
}

.mobile-nav__content .main-menu__list>li>a,
.mobile-nav__content .main-menu__list>li>ul>li>a,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 30px;
  color: #ffffff;
  font-size: 14px;
  font-family: var(--font, "Rubik", sans-serif);
  font-weight: 500;
  height: 46px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.mobile-nav__content .main-menu__list>li>a.expanded .mobile-nav__content .main-menu__list>li>ul>li>a.expanded .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a.expanded {
  color: var(--base);
}

.mobile-nav__content .main-menu__list li a.expanded {
  color: var(--base);
}

.mobile-nav__content .main-menu__list>li>a>button,
.mobile-nav__content .main-menu__list>li>ul>li>a>button,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button {
  width: 30px;
  height: 30px;
  background-color: var(--base);
  border: none;
  outline: none;
  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;
  text-align: center;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  padding: 0;
}

.mobile-nav__content .main-menu__list>li>a>button.expanded,
.mobile-nav__content .main-menu__list>li>ul>li>a>button.expanded,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button.expanded {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background-color: #fff;
  color: var(--base);
}

/* no menu after 2rd level dropdown */
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>ul {
  display: none !important;
}

.mobile-nav__content .main-menu__list li.cart-btn span {
  position: relative;
  top: auto;
  right: auto;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.mobile-nav__content .main-menu__list li.cart-btn i {
  font-size: 16px;
}

.mobile-nav__top {
  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;
  margin-bottom: 30px;
}

.mobile-nav__top .main-menu__login a {
  color: var(--text-dark);
}

.mobile-nav__container {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mobile-nav__social a {
  font-size: 16px;
  color: var(--white);
  -webkit-transition: 500ms;
  transition: 500ms;
}

.mobile-nav__social a+a {
  margin-left: 30px;
}

.mobile-nav__social a:hover {
  color: var(--base);
}

.mobile-nav__contact {
  margin-bottom: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}

.mobile-nav__contact li {
  color: var(--text-dark);
  font-size: 14px;
  font-weight: 500;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mobile-nav__contact li+li {
  margin-top: 15px;
}

.mobile-nav__contact li a {
  color: #ffffff;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.mobile-nav__contact li a:hover {
  color: var(--base);
}

.mobile-nav__contact li>i {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--base);
  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;
  text-align: center;
  font-size: 11px;
  margin-right: 10px;
  color: #fff;
}

.mobile-nav__container .main-logo,
.mobile-nav__container .topbar__buttons,
.mobile-nav__container .main-menu__language,
.mobile-nav__container .main-menu__login {
  display: none;
}



/*--------------------------------------------------------------
# Home Showcase
--------------------------------------------------------------*/
.home-showcase {
  margin-top: -25px;
  margin-bottom: -25px;
}

.home-showcase__inner {
  padding: 40px 42px 30px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.home-showcase .row {
  --bs-gutter-x: 42px;
  --bs-gutter-y: 20px;
}

.home-showcase__item {
  position: relative;
  display: block;
  margin-bottom: 7px;
}

.home-showcase__image {
  position: relative;
  overflow: hidden;
  background-color: rgb(0, 0, 0, 0.10);
  padding: 1px;
  border-radius: var(--bdr-radius);
}

.home-showcase__image>img {
  width: 100%;
  transition: filter 500ms ease;
  filter: blur(0px);
}

.home-showcase__image:hover>img {
  filter: blur(2px);
}

.home-showcase__buttons {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transform: scale(1, 0);
  transition: transform 800ms ease, opacity 600ms linear;
  transform-origin: bottom center;
  opacity: 0.70;
  z-index: 1;
}

.home-showcase__image:hover .home-showcase__buttons {
  transform: scale(1, 1);
  opacity: 1.0;
  transform-origin: top center;
}

.home-showcase__buttons::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: -ms-linear-gradient(left, #222222 0%, #222222 100%);
  background-image: -moz-linear-gradient(left, #222222 0%, #222222 100%);
  background-image: -o-linear-gradient(left, #222222 0%, #222222 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #222222), color-stop(100, #222222));
  background-image: -webkit-linear-gradient(left, #222222 0%, #222222 100%);
  background-image: linear-gradient(to right, #222222 0%, #222222 100%);

  opacity: 1;
  transform: perspective(500px) rotatex(-20deg);
  transform-origin: 50% 0%;
  -webkit-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 9%);
  -khtml-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 9%);
  -moz-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 9%);
  -ms-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 9%);
  -o-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 9%);
  box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 9%);
  -webkit-transition: all 300ms linear 0ms;
  -khtml-transition: all 300ms linear 0ms;
  -moz-transition: all 300ms linear 0ms;
  -ms-transition: all 300ms linear 0ms;
  -o-transition: all 300ms linear 0ms;
  transition: all 300ms linear 0ms;
  z-index: -1;
}

.home-showcase__image:hover .home-showcase__buttons::before {
  opacity: 0.90;
  visibility: visible;
  transform: perspective(500px) rotatex(0);
}

.home-showcase__buttons__item {
  padding: 19px 20px 19px;
  width: 170px;
  justify-content: center;
  text-align: center;
  color: var(--white);
}

.home-showcase__buttons__item::before,
.home-showcase__buttons__item::after {
  background-color: var(--white);
}


.home-showcase__buttons__item:hover {
  color: var(--black);
}

.home-showcase__buttons__item+.home-showcase__buttons__item {
  margin-top: 10px;
}

.home-showcase__title {
  margin: 0;
  text-align: center;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  color: var(--black);
  margin-top: 18px;
  text-transform: capitalize;
}

.mobile-nav__wrapper .home-showcase .row [class*=col-] {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.mobile-nav__wrapper .home-showcase__inner {
  padding: 15px 0px;
  background-color: rgba(0, 0, 0, 0);
}

.mobile-nav__wrapper .home-showcase__title {
  color: var(--white, #ffffff);
}

.mobile-nav__content .home-showcase {
  margin-top: 0;
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Navigations Two
--------------------------------------------------------------*/
.main-header-two {
  background: transparent;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  transition: all 500ms ease;
  z-index: 999;
}

.main-header-two:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  content: "";
  background-color: rgba(var(--white-rgb), 0.02);
  z-index: -1;
}

.main-menu-two__wrapper {
  position: relative;
  display: block;
  border-bottom: 1px solid rgba(var(--black-rgb), .10);
}

.main-menu-two__wrapper-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 135px 0;
}

.main-menu-two__left {
  display: block;
}

.main-menu-two__logo {
  display: block;
  padding: 25px 0;
}

.main-menu-two__main-menu-box {
  display: block;
}

.main-menu-two__right {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 25px;
  padding: 18px 0;
}

.main-menu-two__call {
  position: relative;
  display: flex;
  align-items: center;
}

.main-menu-two__call-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  background-color: var(--base);
  border-radius: 50%;
  color: var(--white);
  font-size: 18px;
  top: 3px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-two__call-icon:hover {
  background-color: var(--white);
  color: var(--base);
}

.main-menu-two__call-content {
  position: relative;
  display: block;
  top: 3px;
  margin-left: 10px;
}

.main-menu-two__call-sub-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--white);
  line-height: 16px;
  font-family: var(--font-two);
  letter-spacing: 0.03em;
  text-transform: capitalize;
}

.main-menu-two__call-number {
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  margin-top: 8px;
  font-family: var(--font);
}

.main-menu-two__call-number a {
  color: var(--base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-two__call-number a:hover {
  color: var(--white);
}

.main-menu-two__search-cart-box {
  position: relative;
  display: flex;
  align-items: center;
}

.main-menu-two__search-box {
  position: relative;
  display: block;
}

.main-menu-two__search {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 24px;
  color: var(--base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-two__search:hover {
  color: var(--white);
}

.main-menu-two__cart-box {
  position: relative;
  display: block;
  margin-left: 20px;
}

.main-menu-two__cart {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 24px;
  color: var(--base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-two__cart-count {
  position: absolute;
  top: -15px;
  right: -15px;
  height: 20px;
  width: 20px;
  font-size: 10px;
  line-height: 10px;
  font-weight: 500;
  background-color: var(--base);
  color: var(--white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-two__cart:hover {
  color: var(--white);
}

.main-menu-two__nav-sidebar-icon {
  position: relative;
  display: block;
}

.main-menu-two__nav-sidebar-icon .navSidebar-button {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
  padding-right: 11px;
  height: 45px;
  width: 45px;
  background-color: var(--base);
  border-radius: 50%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.icon-dots-menu-one {
  position: relative;
  display: block;
  width: 15px;
  height: 3px;
  background-color: var(--white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-two__nav-sidebar-icon .navSidebar-button:hover .icon-dots-menu-one {
  width: 22px;
}

.icon-dots-menu-two {
  position: relative;
  display: block;
  width: 22px;
  height: 3px;
  background-color: var(--white);
  margin-top: 5px;
  margin-bottom: 5px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.icon-dots-menu-three {
  position: relative;
  display: block;
  width: 18px;
  height: 3px;
  background-color: var(--white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-two__nav-sidebar-icon .navSidebar-button:hover .icon-dots-menu-three {
  width: 22px;
}

.main-menu-two__btn-box {
  position: relative;
  display: block;
}

.main-menu-two__btn-box .thm-btn {
  color: var(--white);
}

.main-menu-two .main-menu__list>li>a,
.stricky-header.main-menu-two .main-menu__list>li>a {
  color: var(--white);
}

.main-menu-two .main-menu__list>li.dropdown>a:after {
  color: var(--white);
}

.main-menu-two .main-menu__list>li.current>a,
.main-menu-two .main-menu__list>li:hover>a,
.stricky-header.main-menu-two .main-menu__list>li.current>a,
.stricky-header.main-menu-two .main-menu__list>li:hover>a {
  color: var(--base);
}

.main-menu-two .main-menu__list>li.current>a::after,
.main-menu-two .main-menu__list>li:hover>a::after,
.stricky-header.main-menu-two .main-menu__list>li.current>a::after,
.stricky-header.main-menu-two .main-menu__list>li:hover>a::after {
  color: var(--base);
}


.stricky-header.main-menu-two {
  background-color: var(--black);
}



/*--------------------------------------------------------------
# Navigations three
--------------------------------------------------------------*/
.main-header-three {
  position: relative;
  display: block;
  width: 100%;
  background: transparent;
  transition: all 500ms ease;
  z-index: 999;
}

.main-menu-three__top {
  position: relative;
  display: block;
  background-color: var(--base);
}

.main-menu-three__top-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 7.5px 0px 7.5px;
  z-index: 1;
}

.main-menu-three__top-inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  right: 0;
  bottom: 0;
  background-color: var(--black);
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 5% 100%);
  z-index: -1;
}

.main-menu-three__top-inner:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 99%;
  right: -10000000px;
  background-color: var(--black);
  z-index: -1;
}

.main-menu-three__contact-list {
  position: relative;
  display: flex;
  align-items: center;
}

.main-menu-three__contact-list li {
  position: relative;
  display: flex;
  align-items: center;
}

.main-menu-three__top-menu li:before {
  content: "";
  position: absolute;
  top: 6px;
  left: -10px;
  bottom: 6px;
  width: 1px;
  background-color: var(--white);
  transform: rotate(15deg);
}

.main-menu-three__top-menu li:first-child:before {
  display: none;
}

.main-menu-three__contact-list li+li {
  margin-left: 46px;
}

.main-menu-three__contact-list li:before {
  content: "";
  position: absolute;
  top: 7px;
  bottom: 7px;
  left: -23px;
  width: 1px;
  background-color: rgba(var(--white-rgb), .40);
}

.main-menu-three__contact-list li:first-child:before {
  display: none;
}

.main-menu-three__contact-list li .icon {
  position: relative;
  display: flex;
  align-items: center;
}

.main-menu-three__contact-list li .icon i {
  font-size: 16px;
  color: var(--white);
}

.main-menu-three__contact-list li .text {
  margin-left: 10px;
}

.main-menu-three__contact-list li .text p {
  font-size: 16px;
  color: var(--white);
}

.main-menu-three__contact-list li .text p a {
  color: var(--white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-three__contact-list li .text p a:hover {
  color: var(--black);
}

.main-menu-three__top-text {
  color: var(--white);
}

.main-menu-three__top-right {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.main-menu-three__social {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 40px;
}

.main-menu-three__social a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  width: 35px;
  border: 1px solid rgba(var(--white-rgb), .20);
  border-radius: 5px;
  font-size: 14px;
  color: var(--white);
  background-color: transparent;
  overflow: hidden;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  z-index: 1;
}

.main-menu-three__social a:hover {
  color: var(--base);
  border: 1px solid var(--white);
}

.main-menu-three__social a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: var(--white);
  transform: scale(0.5);
  border-radius: 5px;
  opacity: 0;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  z-index: -1;
}

.main-menu-three__social a:hover::before {
  transform: scale(1.0);
  opacity: 1;
}

.main-menu-three__social a+a {
  margin-left: 10px;
}

.main-menu-three__wrapper {
  position: relative;
  display: block;
}

.main-menu-three__wrapper-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.main-menu-three__left {
  position: relative;
  display: block;
}

.main-menu-three__logo {
  display: block;
  padding: 20px 0;
}

.main-menu-three__main-menu-box {
  display: block;
}

.main-menu-three__right {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 15px 0;
}

.main-menu-three__search-box {
  position: relative;
  display: block;
  margin-left: 25px;
  margin-right: 25px;
}

.main-menu-three__search {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 24px;
  color: var(--black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  cursor: pointer;
}

.main-menu-three__search:hover {
  color: var(--base);
}

.main-menu-three__btn-box {
  position: relative;
  display: block;
}

.main-menu-three__cart {
  position: relative;
  display: block;
}

.main-menu-three__cart a {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 24px;
  color: var(--black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-three__cart a:hover {
  color: var(--base);
}

.main-menu-three__cart-count {
  position: absolute;
  top: -16px;
  right: -15px;
  height: 20px;
  width: 20px;
  font-size: 10px;
  line-height: 10px;
  font-weight: 500;
  background-color: var(--base);
  color: var(--white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-three__cart a:hover .main-menu-three__cart-count {
  color: var(--white);
}

.main-menu-three__nav-sidebar-icon {
  position: relative;
  display: block;
  margin-left: 30px;
}

.main-menu-three__nav-sidebar-icon .navSidebar-button {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
  padding-right: 11px;
  height: 45px;
  width: 45px;
  background-color: var(--base);
  border-radius: 50%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.icon-dots-menu-three-one {
  position: relative;
  display: block;
  width: 15px;
  height: 3px;
  background-color: var(--white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-three__nav-sidebar-icon .navSidebar-button:hover .icon-dots-menu-three-one {
  width: 22px;
}

.icon-dots-menu-three-two {
  position: relative;
  display: block;
  width: 22px;
  height: 3px;
  background-color: var(--white);
  margin-top: 5px;
  margin-bottom: 5px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.icon-dots-menu-three-three {
  position: relative;
  display: block;
  width: 18px;
  height: 3px;
  background-color: var(--white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-three__nav-sidebar-icon .navSidebar-button:hover .icon-dots-menu-three-three {
  width: 22px;
}


.main-menu-three .main-menu__list>li>a,
.stricky-header.main-menu-three .main-menu__list>li>a {
  color: var(--black);
}

.main-menu-three .main-menu__list>li.dropdown>a:after {
  color: var(--black);
}

.main-menu-three .main-menu__list>li.current>a,
.main-menu-three .main-menu__list>li:hover>a,
.stricky-header.main-menu-three .main-menu__list>li.current>a,
.stricky-header.main-menu-three .main-menu__list>li:hover>a {
  color: var(--base);
}

.main-menu-three .main-menu__list>li.current>a::after,
.main-menu-three .main-menu__list>li:hover>a::after,
.stricky-header.main-menu-three .main-menu__list>li.current>a::after,
.stricky-header.main-menu-three .main-menu__list>li:hover>a::after {
  color: var(--base);
}


.stricky-header.main-menu-three {
  background-color: var(--white);
}




/*feature*/
.featre {position:relative;display: block;padding: 120px 0 90px;z-index:10;}
.featre-sng {position: relative;display: block; background-color: var(--white);
 box-shadow: 0px 10px 39.2px 0.8px rgba(0, 0, 0, 0.1);margin-bottom: 30px;border-radius: 10px;}
.featre-sng-bx {position: relative; display: block;padding: 0 40px 32px;
 border-radius:10px;overflow: hidden;border-top: 3px solid var(--base);z-index: 1;}
.featre-sng-bx:before {content: "";position: absolute;top: 0;bottom: 0;
 left: 0;right: 0;background-color: var(--black);opacity:0;transform: translateY(90px);transition: background-color 0.7s ease;
 transition: all 0.7s ease; z-index: -1;}
.featre-sng:hover .featre-sng-bx:before {opacity: 1;transform: translateY(0px);}
.featre-shape-1 {position:absolute; bottom: -200px;right: -200px; opacity: 0;transition: all 500ms ease;z-index:-1;}
.featre-shape-1 img {width: auto;}
.featre-sng:hover .featre-shape-1 {bottom:0px;right: 0px;opacity: .30;transition-delay: 300ms;}
.featre-icon-title {position:relative;display: flex;align-items:flex-end;gap:25px;}
.featre-icon {position:relative;display: flex;align-items:center; padding:20px;
 justify-content: center;width:100px;height:90px;background-color: var(--base);}
 
 .featre-icon img{position:relative;display: flex;align-items:center; padding:20px;
 justify-content: center;width:100px;background-color: var(--base);}
 .featre-icon img{position:relative; display: inline-block;font-size:62px;color: var(--white);
-webkit-transition: all 500ms linear;transition: all 500ms linear; -webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
.featre-sng:hover .featre-icon img{transform: scale(.9);}
 
 

.featre-sng:hover .featre-img{transform: scale(.9);} 
 
.featre-icon span {position:relative; display: inline-block;font-size:62px;color: var(--white);
-webkit-transition: all 500ms linear;transition: all 500ms linear; -webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
.featre-sng:hover .featre-icon span {transform: scale(.9);}
.featre-title {font-size:30px;font-weight:700; padding:0px; margin:0px; line-height:1.1;}
.featre-title a {color: var(--black);}
.featre-sng:hover .featre-title a {color: var(--white);}
.featre-text {margin:20px 0 15px;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.featre-sng:hover .featre-text {color: var(--white);}
.featre-rdmn {position: relative;display: inline-block;}
.featre-rdmn a {position: relative;display: flex;align-items:center;
 gap: 5px;font-size:16px;text-transform: uppercase;font-weight: 700;font-family: var(--font-two);color: var(--black);}
.featre-sng:hover .featre-rdmn a {color: var(--base);}
.featre-rdmn a span {position: relative;display: flex;align-items: center;justify-content:center;width: 15px;height:15px;background-color:var(--base); border-radius:50%;font-size: 7px; color: var(--white);}




/*==============================================
   About One
===============================================*/
.about-page {padding: 120px 0 120px;}
.about-one {position: relative;display:block;padding: 0px 0 120px;z-index: 1;}
.about-one__left { position: relative;display: block;margin-right: 160px;margin-left:100px;}
.abtvsn{position: relative;display: block;margin-right:40px;margin-left:100px;}
.about-one__img-box {position: relative;display: block;}
.about-one__img {position: relative;display: block;overflow: hidden;border-radius: var(--bdr-radius);}
.about-one__img::before {background:rgba(255, 255, 255, 0.5);content: "";position: absolute;left: 0;top:0;width:100%;height:0;
 opacity: 1;pointer-events: none;}
.about-one__img:hover::before {height:100%;opacity: 0;transition: all 0.6s linear;}
.about-one__img>img {width:100%;border-radius: var(--bdr-radius);}
.about-one__img-2 {position: absolute;top:170px;right: -130px; max-width:320px;width: 100%;border-radius:50px;
 overflow: hidden;z-index: 1;}
.about-one__img-2::before {background: rgba(255, 255, 255, 0.5);
 content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;opacity:1;pointer-events: none;}
.about-one__img-2:hover::before {width:100%;opacity: 0;transition: all 0.6s linear;}
.about-one__img-2>img {width: 100%;border-radius: 50px;border: 20px solid var(--white);}
.about-one__experience-box {position: absolute;top: 20px;left: -61px;background-color: var(--white);
   border: 20px solid var(--base);max-width: 240px;width: 100%;text-align: center;padding: 20px 20px 20px;
   border-radius: 40px;z-index: 1;}
.about-one__experience-box::before{content: "";bottom: -80px; left: -7px;position: absolute;border-left: 23px solid transparent;
   border-right: 25px solid var(--base);border-bottom: 37px solid transparent;border-top: 34px solid var(--base);}
.about-one__count-box {position: relative;display: flex;align-items: center;justify-content: center;}
.about-one__count-box h3 {font-size: 40px;line-height: 40px !important;font-family: var(--font-two) !important;
 color: var(--black);font-weight: 700;}
.about-one__count-box span {font-size:40px;line-height: 40px;font-family: var(--font-two);color: var(--black);
font-weight: 700;}
.about-one__experience-text{margin-top: 5px;}
.about-one__shape-1 {position: absolute;top: -30px;right: -50px;
width: 150px;height: 150px; background-color: rgba(var(--base-rgb), .20);border-radius: 20px; z-index: -1;}
.about-one__shape-2 {position: absolute;left: -20px;bottom: -40px;opacity: .30;z-index: -1;}
.about-one__shape-2 img {width: auto;}
.about-one__right {position: relative;display: block;}
.about-one__right .section-title {margin-bottom:0px;}
.about-one__right p{ padding:10px 0px 0px 0px; margin:0px; color:#777;}
.about-one__points-box {position: relative;display: block;margin: 27px 0 27px;}
.about-one__points {position: relative;display: flex;align-items: center;gap:20px;}
.about-one__points li {position: relative; display: flex;align-items: center; gap:20px;}
.about-one__points li .icon {position: relative; display: flex;align-items: center;
   justify-content: center;width: 70px;height: 70px; background-color: var(--base);
   border-radius: 50%;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.about-one__points li:hover .icon {background-color: var(--black);}
.about-one__points li .icon span {position: relative;display: inline-block; font-size: 35px;
   color: var(--white);transform: scale(1);transition: 500ms ease;}
.about-one__points li:hover .icon span {transform: scale(0.9);}
.about-one__points li .content {position: relative;display: block;flex:1;}
.about-one__points li .content h4 {font-size: 20px;line-height:18px;font-weight:700;letter-spacing: -0.72px; margin-bottom:0px;}
.about-one__points-two {position: relative;display: block;}
.about-one__points-two li {position: relative;display: flex; align-items: center;gap:10px;}
.about-one__points-two li+li {margin-top: 5px;}
.about-one__points-two li .icon {position: relative;display:inline-block;}
.about-one__points-two li .icon span {position: relative;display: inline-block; font-size: 16px;color: var(--base);}
.about-one__points-two li p {color: var(--black);font-weight: 500;}
.about-one__btn-and-video {position: relative;display: flex;align-items:center;gap: 50px;margin-top: 50px;}
.about-one__btn-box {position: relative;display: block;}
.about-one__video-box {position: relative; display: flex;align-items: center;gap: 25px;}
.about-one__video-link {position: relative;display: block;}
.about-one__video-icon {position: relative;
   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;width: 50px; height: 50px; line-height: 50px;
   text-align: center;  font-size: 16px; color: var(--white); background-color: var(--base);
   border-radius: 50%; transition: all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;-o-transition: all 0.5s ease; z-index: 1;}
.about-one__video-icon:hover {background-color: var(--black);color: var(--white);}
.about-one__video-link .ripple,
.about-one__video-icon .ripple:before,
.about-one__video-icon .ripple:after {
   position: absolute;top: 50%;left: 50%;width: 50px; height: 50px;border-radius: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -ms-box-shadow: 0 0 0 0 0 0 0 0 rgb(59, 124, 234,0.6);
   -o-box-shadow: 0 0 0 0 0 0 0 0 rgb(59, 124, 234,0.6);
   -webkit-box-shadow: 0 0 0 0 rgb(59, 124, 234,0.6);
   box-shadow: 0 0 0 0 rgb(59, 124, 234,0.6);
   -webkit-animation: ripple 3s infinite;
   animation: ripple 3s infinite;
}
.about-one__video-icon .ripple:before {-webkit-animation-delay: 0.9s;animation-delay: 0.9s;content: "";position: absolute;}
.about-one__video-icon .ripple:after {-webkit-animation-delay: 0.6s;animation-delay: 0.6s;content: "";position: absolute;}
.about-one__video-text {font-weight: 500;}
/*--------------------------------------------------------------
# About End
--------------------------------------------------------------*/


/*==============================================
   Services One
===============================================*/
.services-one {
   position: relative;
   display: block;
   padding: 100px 0 100px;
   z-index: 1;
}

.services-one__bg-color {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   border-bottom-left-radius: 50px;
   border-top-left-radius: 50px;
   width: calc((100% - -381px) / 2);
   background-color: var(--black);
   z-index: -1;
}

.services-one__bg {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   opacity: .20;
   border-bottom-left-radius: 50px;
   border-top-left-radius: 50px;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   mix-blend-mode: luminosity;
}

.services-one__shape-1 {
   position: absolute;
   top: -172px;
   left: -20px;
   opacity: 0.05;
   z-index: -1;
}

.services-one__shape-1 img {
   width: auto;
}

.services-one__shape-2 {
   position: absolute;
   bottom: 70px;
   left: 30%;
   opacity: 0.05;
   z-index: -1;
}

.services-one__shape-2 img {
   width: auto;
}

.services-one__left {
   position: relative;
   display: block;
   z-index: 2;
}

.services-one__left .section-title {
   margin-bottom:10px;
}

.services-one__right {
   position: relative;
   display: block;
   margin-left: 50px;
   margin-right: -375px;
}

.services-one__carousel {
   position: relative;
   display: block;
}

.services-one__single {
   position: relative;
   display: block;
   text-align: center;
   background-color: var(--white);
   box-shadow: 0px 10px 39.2px 0.8px rgba(0, 0, 0, 0.1);
   border-radius: var(--bdr-radius);
   padding: 30px 26px 44px;
}

.services-one__icon {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 80px;
   height: 80px;
   background-color: var(--base);
   border-radius: 50%;
   margin: 0 auto;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
}

.services-one__single:hover .services-one__icon {
   background-color: var(--black);
}

.services-one__icon span {
   position: relative;
   display: inline-block;
   font-size: 40px;
   color: var(--white);
   transform: scale(1);
   transition: 500ms ease;
}

.services-one__single:hover .services-one__icon span {
   transform: scale(0.9);
}

.services-one__title {
   font-size: 24px;
   font-weight: 700;
   line-height: 34px;
   margin: 15px 0 15px;
}

.services-one__title a {
   color: var(--black);
}

.services-one__title a:hover {
   color: var(--base);
}

.services-one__read-more {
   position: relative;
   display: flex;
   align-items: center;
   gap: 5px;
   color: var(--black);
   justify-content: center;
   font-weight: 500;
   margin-top: 20px;
}

.services-one__read-more:hover {
   color: var(--base);
   font-weight: 500;
}

.services-one__read-more span {
   font-size: 14px;
   color: var(--base);
}

.services-one__carousel.owl-theme .owl-nav {
   position: absolute;
   margin: 0;
   left: -490px;
   bottom: 0;
}

.services-one__carousel.owl-theme .owl-nav .owl-next {
   height: 52px;
   width: 52px;
   line-height: 52px;
   border-radius: 50%;
   color: var(--white);
   background-color: var(--base);
   font-size: 16px;
   margin: 0;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
}

.services-one__carousel.owl-theme .owl-nav .owl-prev {
   height: 52px;
   width: 52px;
   line-height: 52px;
   border-radius: 50%;
   color: var(--white);
   background-color: var(--base);
   font-size: 16px;
   margin: 0;
   text-align: center;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
   position: relative;
   display: inline-block;
   transform: rotate(180deg);
}

.services-one__carousel.owl-theme .owl-nav .owl-next {
   margin-left: 5px;
}

.services-one__carousel.owl-theme .owl-nav .owl-prev {
   margin-right: 5px;
}

.services-one__carousel.owl-theme .owl-nav .owl-next span,
.services-one__carousel.owl-theme .owl-nav .owl-prev span {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
}

.services-one__carousel.owl-theme .owl-nav .owl-next:hover,
.services-one__carousel.owl-theme .owl-nav .owl-prev:hover {
   background-color: var(--black);
   color: var(--white);
}


/*--------------------------------------------------------------
# Service Details
--------------------------------------------------------------*/
.service-details {
   position: relative;
   display: block;
   padding: 120px 0 120px;
   z-index: 1;
}

.service-details__left {
   position: relative;
   display: block;
}

.service-details__img {
   position: relative;
   display: block;
}

.service-details__img img {
   width: 100%;
   border-radius: var(--bdr-radius);
}

.service-details__title-1 {
   font-size: 44px;
   font-weight: 700;
   line-height: 54px;
   margin-top: 41px;
   margin-bottom: 30px;
}

.service-details__text-1 {
   font-size: 20px;
   font-weight: 600;
   line-height: 30px;
   color: var(--black);
}

.service-details__text-2 {
   margin-top: 20px;
   margin-bottom: 41px;
}

.service-details__points-list {
   position: relative;
   display: block;
}

.service-details__points-list li {
   position: relative;
   display: flex;
   align-items: center;
   gap: 10px;
}

.service-details__points-list li+li {
   margin-top: 16px;
}

.service-details__points-list li .icon {
   position: relative;
   display: flex;
   align-items: center;
}

.service-details__points-list li .icon span {
   position: relative;
   display: inline-block;
   font-size: 18px;
   color: var(--base);
}

.service-details__points-list li p {
   color: var(--black);
}

.service-details__img-box {
   position: relative;
   display: block;
   margin-top: 60px;
}

.service-details__img-box-single {
   position: relative;
   display: block;
   margin-bottom: 21px;
}

.service-details__img-box-img {
   position: relative;
   display: block;
   overflow: hidden;
   margin-bottom: 30px;
   border-radius: 20px;
   z-index: 1;
}

.service-details__img-box-img:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   opacity: 0;
   background: rgb(0, 0, 0);
   border-radius: 20px;
   transition: all 0.5s ease;
   z-index: 1;
}

.service-details__img-box-img:hover:before {
   opacity: 0.2;
}

.service-details__img-box-img img {
   width: 100%;
   border-radius: 20px;
   transform: scale3d(1, 1, 1);
   transition: transform 1s ease-in-out;
}

.service-details__img-box-img:hover img {
   transform: scale(1.06) rotate(0deg);
}

.service-details__img-box-content-single {
   position: relative;
   display: block;
   margin-bottom: 21px;
}

.service-details__img-box-content-icon-and-title {
   position: relative;
   display: flex;
   align-items: center;
   gap: 15px;
}

.service-details__img-box-content-icon {
   position: relative;
   display: flex;
   align-items: center;
}

.service-details__img-box-content-icon span {
   position: relative;
   display: inline-block;
   font-size: 36px;
   color: var(--base);
}

.service-details__img-box-content-title {
   font-size: 24px;
   line-height: 36px;
   font-weight: 700;
}

.service-details__img-box-content-text {
   margin-top: 17px;
}

.service-details__faq-box {
   position: relative;
   display: block;
   margin-top: 30px;
}

.service-details__sidebar {
   position: relative;
   display: block;
}

.service-details__services-box {
   position: relative;
   display: block;
   padding: 31px 35px 40px;
   background-color: var(--primary);
   border-radius: var(--bdr-radius);
}

.service-details__services-title {
   font-size: 24px;
   font-weight: 700;
   line-height: 34px;
   margin-bottom: 28px;
}

.service-details__services-list {
   position: relative;
   display: block;
}

.service-details__services-list li {
   position: relative;
   display: block;
}

.service-details__services-list li+li {
   margin-top: 12px;
}

.service-details__services-list li a {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   background-color: var(--white);
   border-radius: 10px;
   padding: 13px 20px 14px;
   font-size: 18px;
   font-weight: 700;
   text-transform: capitalize;
   font-family: var(--font-two);
   color: var(--black);
   overflow: hidden;
   z-index: 1;
}

.service-details__services-list li:hover a {
   color: var(--white);
}

.service-details__services-list li.active a {
   color: var(--white);
}

.service-details__services-list li a::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: var(--base);
   transition: -webkit-transform 0.5s ease;
   transition: transform 0.5s ease;
   transition: transform 0.5s ease, -webkit-transform 0.5s ease;
   transform-origin: bottom right;
   -webkit-transform: scale(1, 0);
   transform: scale(1, 0);
   z-index: -1;
}

.service-details__services-list li:hover a::before {
   -webkit-transform: scale(1, 1);
   transform: scale(1, 1);
   transform-origin: top center;
}

.service-details__services-list li.active a::before {
   -webkit-transform: scale(1, 1);
   transform: scale(1, 1);
   transform-origin: top center;
}

.service-details__services-list li a span {
   color: var(--gray);
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
   font-size: 14px;
}

.service-details__services-list li:hover a span {
   color: var(--white);
}

.service-details__services-list li.active a span {
   color: var(--white);
}


.service-details__get-started {
   position: relative;
   display: block;
   background-color: var(--primary);
   border-radius: var(--bdr-radius);
   padding: 40px 40px 40px;
   margin-top: 30px;
}

.service-details__get-started-title {
   font-size: 30px;
   font-weight: 700;
   line-height: 40px;
}

.service-details__get-started-text {
   margin-top: 18px;
   margin-bottom: 29px;
}

.service-details__get-started-points {
   position: relative;
   display: block;
}

.service-details__get-started-points li {
   position: relative;
   display: flex;
   align-items: center;
   gap: 14px;
}

.service-details__get-started-points li+li {
   margin-top: 11px;
}

.service-details__get-started-points li .icon {
   position: relative;
   display: inline-block;
   top: 5px;
}

.service-details__get-started-points li .icon span {
   position: relative;
   display: inline-block;
   font-size: 22px;
   color: var(--black);
}

.service-details__get-started-points li p {
   color: var(--black);
}

.service-details__get-started-points li p a {
   color: var(--black);
}

.service-details__get-started-points li p a:hover {
   color: var(--base);
}

.service-details__get-started-btn-box {
   position: relative;
   display: block;
   margin-top: 30px;
}

.service-details__get-started-btn-box .thm-btn {
   width: 100%;
   justify-content: center;
}

.service-details__sidebar-download-box {
   position: relative;
   display: block;
   padding: 31px 35px 40px;
   background-color: var(--primary);
   border-radius: var(--bdr-radius);
   margin-top: 50px;
   margin-bottom: 50px;
}

.service-details__sidebar-single-download {
   position: relative;
   display: block;
}

.service-details__sidebar-single-download ul {
   position: relative;
   display: block;
}

.service-details__sidebar-single-download ul li {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   border-bottom: 1px solid rgba(var(--base-rgb), .30);
   padding: 14px 0px 14px;
   line-height: 0;
}

.service-details__sidebar-single-download ul li:first-child {
   padding-top: 0px;
}

.service-details__sidebar-single-download ul li:last-child {
   padding-bottom: 0px;
   border-bottom: none;
}

.service-details__sidebar-single-download ul li .content-box {
   position: relative;
   display: flex;
   align-items: center;
}

.service-details__sidebar-single-download ul li .content-box .icon {
   position: relative;
   display: block;
}

.service-details__sidebar-single-download ul li .content-box .icon span {
   position: relative;
   display: inline-block;
   color: var(--black);
   font-size: 45px;
   line-height: 45px;
}

.service-details__sidebar-single-download ul li .content-box .text-box {
   position: relative;
   display: block;
   margin-left: 17px;
   flex: 1;
}

.service-details__sidebar-single-download ul li .content-box .text-box h2 {
   font-size: 20px;
   line-height: 30px;
   font-weight: 700;
   text-transform: capitalize;
}

.service-details__sidebar-single-download ul li .content-box .text-box h2 a {
   color: var(--black);
   transition: all 200ms linear;
   transition-delay: 0.1s;
}

.service-details__sidebar-single-download ul li .content-box .text-box h2 a:hover {
   color: var(--base);
}

.service-details__sidebar-single-download ul li .content-box .text-box p {
   color: var(--black);
   font-size: 14px;
   line-height: 20px;
   font-weight: 400;
   text-transform: capitalize;
}

.service-details__sidebar-single-download ul li .content-box .text-box p a {
   color: var(--black);
}

.service-details__sidebar-single-download ul li .content-box .text-box p a:hover {
   color: var(--base);
}

.service-details__sidebar-single-download ul li .btn-box {
   position: relative;
   display: block;
}

.service-details__sidebar-single-download ul li .btn-box a {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 45px;
   height: 45px;
   background: var(--base);
   border-radius: 2px;
   overflow: hidden;
}

.service-details__sidebar-single-download ul li .btn-box a:hover {
   background: var(--black);
}

.service-details__sidebar-single-download ul li .btn-box a span::before {
   position: relative;
   display: inline-block;
   color: var(--white);
   font-size: 20px;
   line-height: 20px;
}

/*--------------------------------------------------------------
# Services Page
--------------------------------------------------------------*/
.services-page {
   position: relative;
   display: block;
   padding: 120px 0 90px;
   z-index: 1;
}
/*--------------------------------------------------------------
# End
--------------------------------------------------------------*/



/*==============================================
  Why Choose One
===============================================*/
.why-choose-one {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1;
}

.why-choose-one__left {
    position: relative;
    display: block;
}

.why-choose-one__left .section-title {
    margin-bottom:10px;
}

.why-choose-one__list-box {
    position: relative;
    display: block;
    margin-top: 32px;
}

.why-choose-one__list {
    position: relative;
    display: block;
}

.why-choose-one__list li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: var(--white);
    box-shadow: 0px 10px 39.2px 0.8px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    padding: 22px 20px 25px;
    border-radius: var(--bdr-radius);
    border-bottom: 5px solid var(--base);
}

.why-choose-one__list li .icon {
    position: relative;
    display: inline-block;
}

.why-choose-one__list li .icon span {
    position: relative;
    display: inline-block;
    font-size: 40px;
    color: var(--base);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
}
.why-choose-one__list li:hover .icon span {
    transform: scale(0.9);
}

.why-choose-one__list li .icon img {
    position: relative;
    display: inline-block;
	width:60px;
    color: var(--base);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
}
.why-choose-one__list li:hover .icon img {
    transform: scale(0.9);
}


.why-choose-one__list li .content {
    position: relative;
    display: block;
}

.why-choose-one__list li .content h3 {
    font-size: 22px;
    font-weight:600;
    line-height: 30px;
    margin-bottom: 5px;
}
.why-choose-one__list li .content p{ padding:0px; margin:0px;}
.why-choose-one__right {
    position: relative;
    display: block;
    margin-right: 360px;
    margin-left: 20px;
}

.why-choose-one__img-box {
    position: relative;
    display: block;
}

.why-choose-one__img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: var(--bdr-radius);
    z-index: 1;
}

.why-choose-one__img::before {
    position: absolute;
    top: 0;
    left: -100%;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(var(--white-rgb), .7) 0%, rgba(var(--white-rgb), .3) 100%);
    transform: skewX(15deg);
    z-index: 2;
}

.why-choose-one__img:hover::before {
    -webkit-animation: shine 1.9s;
    animation: shine 1.9s;
}

.why-choose-one__img img {
    width: 100%;
    border-radius: var(--bdr-radius);
    transition: all 500ms ease;
}

.why-choose-one__img:hover img {
    transform: scaleX(1.05);
}

.why-choose-one__img-2 {
    position: absolute;
    right: -360px;
    bottom: -127px;
    overflow: hidden;
    border-radius: var(--bdr-radius);
    z-index: 1;
}

.why-choose-one__img-2::before {
    background: rgba(255, 255, 255, 0.5);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    opacity: 1;
    pointer-events: none;
    z-index: 1;
}

.why-choose-one__img-2:hover::before {
    width: 100%;
    opacity: 0;
    transition: all 0.9s linear;
}

.why-choose-one__img-2 img {
    width: auto;
    border-radius: var(--bdr-radius);
    transition: all 500ms ease;
}

.why-choose-one__img-2:hover img {
    transform: scaleX(1.05);
}

.why-choose-one__shape-1 {
    position: absolute;
    top: 30px;
    right: -200px;
    bottom: -80px;
    left: 180px;
    border: 10px solid var(--base);
    border-radius: 50px;
    animation: topBottom 3s ease-in-out infinite;
    z-index: -1;
}

.why-choose-one__video-link {
    position: absolute;
    top: 225px;
    right: -50px;
    z-index: 2;
}

.why-choose-one__video-icon {
    position: relative;
    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;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 20px;
    color: var(--base);
    background-color: var(--white);
    border-radius: 50%;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    z-index: 1;
}

.why-choose-one__video-icon:hover {
    background-color: var(--base);
    color: var(--white);
}

.why-choose-one__video-icon:before {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border: 5px solid rgba(var(--black-rgb), .30);
    border-radius: 50%;
    z-index: -1;
}

.why-choose-one__video-link .ripple,
.why-choose-one__video-icon .ripple:before,
.why-choose-one__video-icon .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-box-shadow: 0 0 0 0 rgba(var(--base-rgb), 0.6);
    -o-box-shadow: 0 0 0 0 rgba(var(--base-rgb), 0.6);
    -webkit-box-shadow: 0 0 0 0 rgba(var(--base-rgb), 0.6);
    box-shadow: 0 0 0 0 rgba(var(--base-rgb), 0.6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.why-choose-one__video-icon .ripple:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    content: "";
    position: absolute;
}

.why-choose-one__video-icon .ripple:after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
    position: absolute;
}

/*--------------------------------------------------------------
# End
--------------------------------------------------------------*/



/*==============================================
   Counter One
===============================================*/
.counter-one {
    position: relative;
    display: block;
    background-color: var(--black);
    padding: 60px 0 30px;
    z-index: 1;
}

.counter-one__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.04;
    mix-blend-mode: hard-light;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

.counter-one ul li:nth-child(4) .counter-one__single::before {
    display: none;
}

.counter-one__single {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 21px;
}

.counter-one__single::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -26px;
    width: 1px;
    height: 146px;
    background-color: rgba(var(--white-rgb), .20);
    transform: translateY(-50%);
}

.counter-one__icon {
    position: relative;
    display: inline-block;
}

.counter-one__icon span {
    position: relative;
    display: inline-block;
    font-size: 60px;
    color: var(--base);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
}

.counter-one__single:hover .counter-one__icon span {
    transform: scale(0.9);
}

.counter-one__count-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px 0 2px;
}

.counter-one__count-box h3 {
    font-size: 40px;
    color: var(--white);
    line-height: 40px !important;
    font-family: var(--font-two) !important;
    font-weight: 600;
}

.counter-one__count-box span {
    font-size: 40px;
    color: var(--white);
    line-height: 40px;
    font-family: var(--font-two);
    font-weight: 600;
    text-transform: uppercase;
}

.counter-one__count-text {
    color: rgba(var(--white-rgb), .50);
}

/*--------------------------------------------------------------
# Counter End
--------------------------------------------------------------*/

/*==============================================
   Project One
===============================================*/
.project-one {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    z-index: 1;
}

.project-one__shape-1 {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.05;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -1;
}

.project-one__shape-1 img {
    width: auto;
}

.project-one .container {
    max-width: 1600px;
}

.project-one__carousel {
    position: relative;
    display: block;
}

.project-one__single {
    position: relative;
    display: block;
}

.project-one__img-box {
    position: relative;
    display: block;
}

.project-one__img {
    position: relative;
    display: block;
    border-radius: var(--bdr-radius);
    overflow: hidden;
}

.project-one__img::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    background-color: rgb(30, 128, 246,0.6);
    border-radius: var(--bdr-radius);
    -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    z-index: 1;
}

.project-one__single:hover .project-one__img:before {
    -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    -ms-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}

.project-one__img img {
    width: 100%;
    border-radius: var(--bdr-radius);
}

.project-one__content {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    text-align: center;
    overflow: hidden;
    z-index: 2;
}

.project-one__title {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    margin: 0 0 7px;
    color: var(--white);
    text-transform: capitalize;
    opacity: 0;
    transform: translateY(-50px);
    transition: all 700ms ease;
}

.project-one__single:hover .project-one__title {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 700ms;
}

.project-one__title a {
    color: var(--white);
}

.project-one__title a:hover {
    color: var(--black);
}

.project-one__sub-title {
    color: var(--white);
    opacity: 0;
    transform: translateY(50px);
    transition: all 700ms ease;
	margin-bottom:20px;
}

.project-one__single:hover .project-one__sub-title {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 500ms;
}

.project-one__arrow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transform: scale(0) rotate(80deg);
    transform: scale(0) rotate(80deg);
    opacity: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 2;
}

.project-one__single:hover .project-one__arrow {
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    transition-delay: 500ms;
    opacity: 1;
}

.project-one__arrow a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    background-color: var(--black);
    border-radius: 50%;
    font-size: 16px;
    color: var(--white);
}

.project-one__arrow a:hover {
    background-color: var(--white);
    color: var(--black);
}

.project-one__carousel .owl-stage-outer {
    overflow: visible;
}

/*--------------------------------------------------------------
# Project Details
--------------------------------------------------------------*/
.project-details {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    z-index: 1;
}

.project-details__left {
    position: relative;
    display: block;
}

.project-details__img {
    position: relative;
    display: block;
}

.project-details__img img {
    width: 100%;
    border-radius: 20px;
}

.project-details__title-1 {
    font-size: 48px;
    font-weight: 600;
    line-height: 58px;
    letter-spacing: -1.44px;
    text-transform: capitalize;
    margin-top: 41px;
    margin-bottom: 29px;
}

.project-details__title-2 {
    font-size: 48px;
    font-weight: 600;
    line-height: 58px;
    letter-spacing: -1.44px;
    text-transform: capitalize;
    margin-top: 62px;
    margin-bottom: 29px;
}

.project-details__text-and-img {
    position: relative;
    display: flex;
    align-items: center;
    gap: 35px;
    margin-top: 31px;
    margin-bottom: 61px;
}

.project-details__text-img {
    position: relative;
    display: block;
}

.project-details__text-img img {
    width: auto;
    border-radius: 20px;
}

.project-details__title-3 {
    font-size: 48px;
    font-weight: 600;
    line-height: 58px;
    letter-spacing: -1.44px;
    text-transform: capitalize;
}

.project-details__text-4 {
    margin-top: 29px;
    margin-bottom: 31px;
}

.project-details__img-and-points {
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px;
}

.project-details__points-img {
    position: relative;
    display: block;
    max-width: 410px;
    width: 100%;
}

.project-details__points-img img {
    width: 100%;
    border-radius: 20px;
}

.project-details__points {
    position: relative;
    display: block;
}

.project-details__points li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
}

.project-details__points li+li {
    margin-top: 16px;
}

.project-details__points li .icon {
    position: relative;
    display: inline-block;
}

.project-details__points li .icon span {
    position: relative;
    display: inline-block;
    font-size: 12px;
    color: var(--base);
}

.project-details__points li p {
    color: #232323;
}

.project-details__sidebar {
    position: relative;
    display: block;
}

.project-details__information {
    position: relative;
    display: block;
    background-color: var(--primary);
    border-radius: var(--bdr-radius);
    padding: 40px 40px 40px;
    margin-bottom: 60px;
}

.project-details__information-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.72px;
    margin-bottom: 30px;
}

.project-details__information-list {
    position: relative;
    display: block;
}

.project-details__information-list li {
    position: relative;
    display: block;
    background-color: var(--white);
    border: 1px solid var(--bdr-color);
    border-radius: 20px;
    padding: 18px 30px 19px;
}

.project-details__information-list li+li {
    margin-top: 12px;
}

.project-details__information-list li h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    text-transform: uppercase;
    color: #232323;
    margin-bottom: 7px;
}

.project-details__previous-next {
    position: relative;
    display: block;
    margin-top: 60px;
}

.project-details__previous-next ul {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid rgba(var(--black-rgb), 0.1);
    padding: 15px 20px 15px;
    border-radius: 10px;
}

.project-details__previous-next ul li {
    position: relative;
    display: flex;
    align-items: center;
    width: 50%;
}

.project-details__previous-next ul li::before {
    position: absolute;
    top: -16px;
    right: 0;
    bottom: -16px;
    width: 2px;
    background: rgba(var(--black-rgb), 0.1);
    content: "";
}

.project-details__previous-next ul li:last-child:before {
    display: none;
}

.project-details__previous-next ul li:nth-child(2) {
    float: right;
    text-align: right;
}

.project-details__previous-next ul li:nth-child(2) .text-box {
    margin-left: 0px;
    margin-right: 20px;
}

.project-details__previous-next ul li:nth-child(2) .icon a {
    clip-path: polygon(24% 0, 100% 0, 100% 100%, 0 100%);
}

.project-details__previous-next ul li .icon {
    position: relative;
    display: block;
}

.project-details__previous-next ul li .icon a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 40px;
    background: var(--base);
    color: var(--white);
    clip-path: polygon(0 0, 79% 0, 100% 100%, 0 100%);
}

.project-details__previous-next ul li .icon a:hover {
    background: var(--black);
}

.project-details__previous-next ul li .icon a span {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 15px;
    font-weight: 700;
}

.project-details__previous-next ul li:nth-child(1) .icon a span {
    transform: rotate(-180deg);
}

.project-details__previous-next ul li .text-box {
    position: relative;
    display: block;
    flex: 1;
    margin-left: 20px;
}

.project-details__previous-next ul li .text-box a {
    color: var(--black);
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    text-transform: capitalize;
}

.project-details__previous-next ul li .text-box a:hover {
    color: var(--base);
}

/*--------------------------------------------------------------
# Project Page
--------------------------------------------------------------*/
.project-page {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1;
}

.project-page .project-one__single {
    margin-bottom: 30px;
}

/*--------------------------------------------------------------
# End
--------------------------------------------------------------*/


/*==============================================
   Video One
===============================================*/
.video-one {
    position: relative;
    display: block;
    padding: 120px 0 120px 0px;
    z-index: 1;
}

.video-one__bg-color {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: var(--black);
    z-index: -1;
	
}

.video-one__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    opacity: 0.10;
}

.video-one__inner {
    position: relative;
    display: block;
    text-align: center;
}

.video-one__inner .section-title {
    margin-bottom: 30px;
}

.video-one__inner .section-title__title {
    color: var(--white);
}

.video-one__inner .section-title__tagline-border::after {
    background: var(--black);
}

.video-one__text{
    color: var(--white);
	margin-top:-20px;	
}

.video-one__video-link {
    position: relative;
    display: inline-block;
    margin:52px 0 70px;
}

.video-one__video-icon {
    position: relative;
    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;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 20px;
    color: var(--white);
    background-color: var(--base);
    border-radius: 50%;
    margin: 0 auto 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.video-one__video-icon:hover {
    background-color: var(--white);
    color: var(--base);
}

.video-one__video-link .ripple,
.video-one__video-icon .ripple:before,
.video-one__video-icon .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-box-shadow: 0 0 0 0 rgba(var(--white-rgb), 0.6);
    -o-box-shadow: 0 0 0 0 rgba(var(--white-rgb), 0.6);
    -webkit-box-shadow: 0 0 0 0 rgba(var(--white-rgb), 0.6);
    box-shadow: 0 0 0 0 rgba(var(--white-rgb), 0.6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.video-one__video-icon .ripple:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    content: "";
    position: absolute;
}

.video-one__video-icon .ripple:after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
    position: absolute;
}

.video-one__contact-box {
    position: relative;
    display: block;
    max-width: 1000px;
    margin: 0 auto;
    background-color: var(--white);
    box-shadow: 0px 10px 39.2px 0.8px rgba(0, 0, 0, 0.1);
    border-radius: var(--bdr-radius);
    padding: 50px;
}

.video-one-contact__form {
    position: relative;
    display: block;
}

.video-one-contact__input-box {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.video-one-contact__input-box input[type="text"],
.video-one-contact__input-box input[type="email"] {
    height: 60px;
    width: 100%;
    background-color: transparent;
    border: 1px solid rgba(var(--black-rgb), .10);
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    color: var(--gray);
    display: block;
    border-radius: var(--bdr-radius);
}

.video-one-contact__input-box .select-box {
    width: 100%;
}

.video-one-contact__input-box .nice-select {
    height: 60px;
    width: 100%;
    background-color: transparent;
    border: 1px solid rgba(var(--black-rgb), .10);
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    font-size: 16px;
    color: var(--gray);
    font-weight: 400;
    border-radius: var(--bdr-radius);
    line-height: 60px;
    display: block;
    float: none;
}

.video-one-contact__input-box .nice-select:after {
    position: absolute;
    top: 22px;
    right: 30px;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid var(--gray);
    border-right: 2px solid var(--gray);
    margin-top: 0px;
    z-index: 10;
}

.video-one-contact__input-box .nice-select .option {
    color: var(--white);
}

.video-one-contact__input-box .nice-select .option.selected {
    font-weight: 500;
}

.video-one-contact__input-box .nice-select .list {
    background-color: var(--base);
    border-radius: var(--bdr-radius);
}

.video-one-contact__input-box .nice-select .option:hover,
.video-one-contact__input-box .nice-select .option.focus,
.video-one-contact__input-box .nice-select .option.selected.focus {
    color: var(--white);
}

.video-one-contact__input-box textarea {
    height: 150px;
    width: 100%;
    background-color: transparent;
    border: 1px solid rgba(var(--black-rgb), .10);
    padding: 15px 30px 30px;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    color: var(--gray);
    position: relative;
    display: block;
    border-radius: var(--bdr-radius);
}

.video-one-contact__input-box.text-message-box {
    height: 150px;
}

.video-one-contact__btn-box {
    position: relative;
    display: block;
    text-align: left;
}

.video-one-contact__btn-box .thm-btn {
    border: none;
}

.video-one__img-1 {
    position: absolute;
    top: -133px;
    right: -324px;
    mix-blend-mode: luminosity;
    z-index: -1;
}

.video-one__img-1 img {
    width: auto;
}

.video-one-contact__info-box {
    position: relative;
    display: block;
    text-align: left;
    background-color: var(--black);
    padding: 35px 30px 30px;
    border-radius: var(--bdr-radius);
    border-bottom: 5px solid var(--base);
}

.video-one-contact__info-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    color: var(--white);
    margin-bottom:0px;
}

.video-one-contact__info-list {
    position: relative;
    display: block;
}

.video-one-contact__info-list li {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.video-one-contact__info-list li+li {
    margin-top: 20px;
}

.video-one-contact__info-list li .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: rgba(var(--white-rgb), .30);
    border-radius: 5px;
    top: 8px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.video-one-contact__info-list li:hover .icon {
    background-color: var(--base);
}

.video-one-contact__info-list li .icon span {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: var(--white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.video-one-contact__info-list li:hover .icon span {
    color: var(--white);
}

.video-one-contact__info-list li .content {
    position: relative;
    display: block;
    flex: 1;
}

.video-one-contact__info-list li .content p {
    color: var(--white);
	padding:8px 0px 0px 0px;
}

.video-one-contact__info-list li .content p a {
    color: var(--white);
}

.video-one-contact__info-list li .content p a:hover {
    color: var(--base);
}
#cntbn{ margin-top:4px;}

/*--------------------------------------------------------------
# End
--------------------------------------------------------------*/


/*==============================================
   Team One
===============================================*/
.team-one {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1;
}

.team-one__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.team-one__img-box {
    position: relative;
    display: block;
    border: 1px dashed var(--base);
    border-radius: var(--bdr-radius);
    padding: 10px;
}

.team-one__img {
    position: relative;
    display: block;
    border-radius: var(--bdr-radius);
}

.team-one__img img {
    width: 100%;
    border-radius: var(--bdr-radius);
    transform: scale3d(1, 1, 1);
    transition: transform 1s ease-in-out;
}

.team-one__single:hover .team-one__img img {
    transform: scale(1.05) rotate(0deg);
}

.team-one__content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgb(59, 124, 234,0.1);
    border-radius: var(--bdr-radius);
    margin-top: 10px;
    padding: 21px 30px 22px;
}

.team-one__title-box {
    position: relative;
    display: block;
}

.team-one__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.team-one__title a {
    color: var(--black);
}

.team-one__title a:hover {
    color: var(--base);
}

.team-one__sub-title {
    font-weight: 500;
    margin-top: 5px;
}

.team-one__share-and-social {
    position: relative;
    display: block;
    padding-top: 20px;
    margin-top: -20px;
}

.team-one__share {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: var(--base);
    border-radius: 50%;
    cursor: pointer;
}

.team-one__share span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--white);
}

.team-one__social {
    position: absolute;
    top: -190px;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    transform: scaleY(0.0) translateX(-50%);
    transform-origin: bottom;
    transform-style: preserve-3d;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    transform-origin: bottom center;
}

.team-one__share-and-social:hover .team-one__social {
    transform: scaleY(1.0) translateX(-50%);
    transform-origin: bottom center;
    transition-delay: 300ms;
}

.team-one__social a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: var(--base);
    border-radius: 50%;
    font-size: 16px;
    color: var(--white);
}

.team-one__social a:hover {
    background-color: var(--black);
}
/*--------------------------------------------------------------
# Team Details
--------------------------------------------------------------*/
.team-details {
    position: relative;
    display: block;
    padding: 120px 0 108px;
    z-index: 1;
}

.team-details__top {
    position: relative;
    display: block;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(var(--black-rgb), .10);
    margin-bottom: 37px;
}

.team-details__top-left {
    position: relative;
    display: block;
}

.team-details__img-1 {
    position: relative;
    display: block;
}

.team-details__img-1 img {
    width: 100%;
    border-radius: 20px;
}

.team-details__top-right {
    position: relative;
    display: block;
    margin-left: 30px;
    margin-top: -12px;
}

.team-details__client-box {
    position: relative;
    display: block;
}

.team-details__client-name {
    font-size: 36px;
    font-weight: 500;
    line-height: 46px;
    text-transform: capitalize;
}

.team-details__client-sub-title {
    position: relative;
    display: block;
    margin-top: 3px;
}

.team-details__social {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 19px;
    margin-bottom: 30px;
}

.team-details__social a {
    position: relative;
    height: 40px;
    width: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    color: var(--base);
    font-size: 16px;
    border-radius: var(--bdr-radius);
    overflow: hidden;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    border: 1px solid var(--base);
    z-index: 1;
}

.team-details__social a:hover {
    color: var(--white);
    border: 1px solid var(--base);
}

.team-details__social a:before {
    position: absolute;
    top: 0;

    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: var(--base);
    border-radius: 0%;
    transform: scale(0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    z-index: -1;
}

.team-details__social a:hover:before {
    transform: scaleX(1);
}

.team-details__social a+a {
    margin-left: 10px;
}

.team-details__client-address {
    position: relative;
    display: block;
    border-top: 1px solid rgba(var(--black-rgb), .10);
    margin-top: 19px;
    padding-top: 20px;
}

.team-details__client-address li {
    position: relative;
    display: block;
}

.team-details__client-address li+li {
    margin-top: 21px;
}

.team-details__client-address li p {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--black);
}

.team-details__client-address li p span {
    color: var(--black);
}

.team-details__client-address li h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin-top: 10px;
    font-family: var(--font);
}

.team-details__client-address li h5 a {
    color: var(--black);
}

.team-details__client-address li h5 a:hover {
    color: var(--base);
}

.team-details__bottom {
    position: relative;
    display: block;
}

.team-details__bottom-left {
    position: relative;
    display: block;
}

.team-details__bottom-title {
    font-size: 36px;
    font-weight: 500;
    line-height: 46px;
    margin-bottom: 13px;
}

.team-details__practice-area {
    position: relative;
    display: block;
    margin-top: 15px;
}

.team-details__practice-area-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.team-details__practice-area-list-box {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 50px;
}

.team-details__practice-area-list {
    position: relative;
    display: block;
}

.team-details__practice-area-list li {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.team-details__practice-area-list li .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6px;
    width: 6px;
    background-color: var(--base);
}

.team-details__practice-area-list li .text {
    position: relative;
    display: block;
    flex: 1;
}

.team-details__practice-area-list li .text p {
    font-weight: 500;
    color: var(--base);
}


.team-details__bottom-right {
    position: relative;
    display: block;
}

.team-details__progress-title-1 {
    font-size: 36px;
    font-weight: 500;
    line-height: 46px;
    margin-bottom: 23px;
}

.team-details__progress-list {
    position: relative;
    display: block;
}

.team-details__progress-list li {
    position: relative;
    display: block;
}

.team-details__progress-list li+li {
    margin-top: 20px;
}

.team-details__progress {
    position: relative;
    display: block;
}

.team-details__progress-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    color: var(--black);
    margin-bottom: 11px;
}

.team-details__progress .bar {
    position: relative;
    width: 100%;
    height: 10px;
    background-color: var(--primary);
    border-radius: 6px;
}

.team-details__progress .bar-inner {
    position: relative;
    display: block;
    width: 0px;
    height: 10px;
    border-radius: 5px;
    background-color: var(--base);
    -webkit-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    transition: all 1500ms ease;
}

.team-details__progress .count-text {
    position: absolute;
    right: -18px;
    bottom: 22px;
    color: var(--black);
    line-height: 26px;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
    font-family: var(--font);
    opacity: 0;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.team-details__progress .bar-inner.counted .count-text {
    opacity: 1;
}

.team-details__progress .bar.marb-0 {
    margin-bottom: 0;
}

/*--------------------------------------------------------------
# Contact Page
--------------------------------------------------------------*/
.team-details-contact {
    position: relative;
    display: block;
    padding: 0px 0 120px;
    z-index: 1;
}

.team-details-contact .container {
    max-width: 830px;
}

.team-details-contact__inner {
    position: relative;
    display: block;
    text-align: center;
}

.team-details-contact__form {
    position: relative;
    display: block;
}

.team-details-contact__input-box {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.team-details-contact__input-box input[type="text"],
.team-details-contact__input-box input[type="email"] {
    height: 60px;
    width: 100%;
    background-color: transparent;
    border: 1px solid rgba(var(--black-rgb), .10);
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    color: var(--gray);
    display: block;
    border-radius: var(--bdr-radius);
}

.team-details-contact__input-box .select-box {
    width: 100%;
}

.team-details-contact__input-box .nice-select {
    height: 60px;
    width: 100%;
    background-color: transparent;
    border: 1px solid rgba(var(--black-rgb), .10);
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    font-size: 16px;
    color: var(--gray);
    font-weight: 400;
    border-radius: var(--bdr-radius);
    line-height: 60px;
    display: block;
    float: none;
}

.team-details-contact__input-box .nice-select:after {
    position: absolute;
    top: 22px;
    right: 30px;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid var(--gray);
    border-right: 2px solid var(--gray);
    margin-top: 0px;
    z-index: 10;
}

.team-details-contact__input-box textarea {
    height: 200px;
    width: 100%;
    background-color: transparent;
    border: 1px solid rgba(var(--black-rgb), .10);
    padding: 15px 30px 30px;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    color: var(--gray);
    position: relative;
    display: block;
    border-radius: var(--bdr-radius);
}

.team-details-contact__input-box.text-message-box {
    height: 200px;
}

.team-details-contact__btn-box {
    position: relative;
    display: block;
}

.team-details-contact__btn-box .thm-btn {
    border: none;
}

.team-details-contact__btn-box .thm-btn:hover {
    border: none;
}

/*--------------------------------------------------------------
# Team Page
--------------------------------------------------------------*/
.team-page {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1;
}

/*--------------------------------------------------------------
# End
--------------------------------------------------------------*/

/*==============================================
    Brand One
===============================================*/
.brand-one {
    position: relative;
    display: block;
    padding: 60px 0 51px;
    border-top: 1px solid rgba(var(--black-rgb), .10);
    z-index: 1;
}

.brand-one__carousel {
    position: relative;
    display: block;
}

.brand-one__single {
    position: relative;
    display: block;
    text-align: center;
    z-index: 1;
}

.brand-one__img {
    position: relative;
    display: inline-block;
    z-index: 10;
}

.brand-one__img>img {
    position: relative;
    -webkit-transition: 500ms;
    transition: 500ms;
   /* opacity: 0.30;*/
}

.brand-one__single:hover .brand-one__img img {
    opacity: 0.50;
}
/*--------------------------------------------------------------
# End
--------------------------------------------------------------*/



/*==============================================
   Pricing One
===============================================*/
.pricing-one {
    position: relative;
    display: block;
    padding: 32px 0 90px;
    z-index: 1;
}

.pricing-one__single {
    position: relative;
    display: block;
    background-color: var(--white);
    box-shadow: 0px 10px 39.2px 0.8px rgba(0, 0, 0, 0.1);
    border-radius: var(--bdr-radius);
    border-top: 5px solid var(--base);
    margin-bottom: 30px;
    padding: 30px 40px 40px;
}

.pricing-one__title-box {
    position: relative;
    display: block;
    border-bottom: 1px solid rgba(var(--black-rgb), .10);
    padding-bottom: 22px;
}

.pricing-one__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 13px;
}

.pricing-one__price {
    font-size: 40px;
    font-weight: 700;
    color: var(--base);
    font-family: var(--font-two);
    letter-spacing: -0.72px;
}

.pricing-one__price span {
    font-size: 16px;
    font-family: var(--font);
    color: var(--gray);
}

.pricing-one__price-list {
    position: relative;
    display: block;
    margin: 30px 0 30px;
}

.pricing-one__price-list li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.pricing-one__price-list li+li {
    margin-top: 15px;
}

.pricing-one__price-list li .icon {
    position: relative;
    display: inline-block;
}

.pricing-one__price-list li .icon span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--base);
}

.pricing-one__btn-box {
    position: relative;
    display: block;
}

.pricing-one__btn-box .thm-btn {
    width: 100%;
    justify-content: center;
}

/*--------------------------------------------------------------
# Pricing Page
--------------------------------------------------------------*/
.pricing-page {
    padding: 120px 0 90px;
}
/*--------------------------------------------------------------
# End
--------------------------------------------------------------*/

/*==============================================
   Testimonial One
===============================================*/
.testimonial-one {
    position: relative;
    display: block;
    background-color: var(--black);
    padding: 120px 0 120px;
    overflow: hidden;
    z-index: 1;
}

.testimonial-one__shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.10;
    z-index: -1;
}

.testimonial-one__shape-1 img {
    width: auto;
}

.testimonial-one__shape-2 {
    position: absolute;
    top: 20px;
    right: 0;
    opacity: 0.10;
    z-index: -1;
}

.testimonial-one__shape-2 img {
    width: auto;
}

.testimonial-one__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.02;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    mix-blend-mode: luminosity;
    z-index: -1;
}

.testimonial-one .section-title__title {
    color: var(--white);
}

.testimonial-one .section-title__tagline-border::after {
    background: var(--black);
}

.testimonial-one__carousel {
    position: relative;
    display: block;
}

.testimonial-one__single {
    position: relative;
    display: block;
    background-color: #0a0b0c;
    border-radius: var(--bdr-radius);
    padding: 40px 40px 41px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    overflow: hidden;
}

.testimonial-one__single-bdr {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 150px;
    height: 3px;
    background-color: var(--base);
    clip-path: polygon(0 0, 98% 0, 100% 100%, 0% 100%);
}

.testimonial-one__client-info-box {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.testimonial-one__client-info {
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px;
}

.testimonial-one__client-img-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    border: 1px solid rgba(var(--base-rgb), .40);
    border-radius: 5px;
}

.testimonial-one__client-img {
    position: relative;
    display: block;
    max-width: 80px;
    width: 100%;
}

.testimonial-one__client-img img {
    width: 100%;
    border-radius: 5px;
}

.testimonial-one__client-content {
    position: relative;
    display: block;
    flex: 1;
}

.testimonial-one__client-name {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.testimonial-one__client-name a {
    color: var(--base);
}

.testimonial-one__client-name a:hover {
    color: var(--white);
}

.testimonial-one__client-sub-title {
    color: rgba(var(--white-rgb), .80);
    margin-top: 5px;
}

.testimonial-one__client-ratting {
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
}

.testimonial-one__client-ratting span {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: var(--base);
}

.testimonial-one__text {
    font-size: 20px;
    line-height: 30px;
    color: rgba(var(--white-rgb), .80);
    margin-top: 32px;
}

.testimonial-one__quote {
    position: absolute;
    top: 100px;
    right: 100px;
}

.testimonial-one__quote span {
    position: relative;
    display: inline-block;
    font-size: 125px;
    color: rgba(var(--base-rgb), .05);
}
/*--------------------------------------------------------------
# Testimonial Page
--------------------------------------------------------------*/
.testimonial-page {
    position: relative;
    display: block;
    background-color: #002335;
    padding: 120px 0 90px;
    z-index: 1;
}

.testimonial-page .testimonial-one__single {
    margin-bottom: 30px;
}
/*--------------------------------------------------------------
# End
--------------------------------------------------------------*/


/*==============================================
   Blog One
===============================================*/
.blog-one {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1;
}

.blog-one__shape-1 {
    position: absolute;
    top: 0;
    right: -20px;
    opacity: 0.05;
    z-index: -1;
}

.blog-one__shape-1 img {
    width: auto;
}

.blog-one__shape-2 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    opacity: 0.2;
    z-index: -1;
}

.blog-one__shape-2 img {
    width: auto;
}

.blog-one__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.blog-one__img-box {
    position: relative;
    display: block;
}

.blog-one__img {
    position: relative;
    display: block;
    border-top-left-radius: var(--bdr-radius);
    border-top-right-radius: var(--bdr-radius);
    overflow: hidden;
    z-index: 1;
}

.blog-one__img:before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 50%;
    height: 100%;
    background-color: rgba(var(--black-rgb), .70);
    visibility: hidden;
    opacity: 0;
    transform-style: preserve-3d;
    transform: perspective(370px) translateY(100%);
    transform-origin: left;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    z-index: 1;
}


.blog-one__single:hover .blog-one__img:before {
    visibility: visible;
    opacity: 1;
    transform: perspective(370px) translateY(0%);
}

.blog-one__img:after {
    position: absolute;
    content: '';
    top: 0px;
    right: 0px;
    width: 50%;
    height: 100%;
    background-color: rgba(var(--black-rgb), .70);
    visibility: hidden;
    opacity: 0;
    transform-style: preserve-3d;
    transform: perspective(370px) translateY(-100%);
    transform-origin: top;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    z-index: 1;
}

.blog-one__single:hover .blog-one__img:after {
    visibility: visible;
    opacity: 1;
    transform: perspective(370px) translateY(0%);
}

.blog-one__img img {
    width: 100%;
    border-top-left-radius: var(--bdr-radius);
    border-top-right-radius: var(--bdr-radius);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
}

.blog-one__single:hover .blog-one__img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.blog-one__plus {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(-45deg) scale(0);
    transition: all 600ms ease;
    z-index: 3;
}

.blog-one__single:hover .blog-one__plus {
    transform: rotate(0deg) scale(1);
    transition-delay: 700ms;
}

.blog-one__plus a {
    height: 50px;
    width: 50px;
    line-height: 50px;
    background-color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: var(--base);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-one__plus a:hover {
    color: var(--white);
    background-color: var(--base);
}

.blog-one__date {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: var(--white);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    text-align: center;
    border: 7px solid var(--base);
    z-index: 2;
}

.blog-one__date p {
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    font-family: var(--font-2);
    color: var(--black);
}

.blog-one__content {
    position: relative;
    display: block;
    background-color: var(--white);
    box-shadow: 0px 10px 39.2px 0.8px rgba(0, 0, 0, 0.1);
    border-bottom-left-radius: var(--bdr-radius);
    border-bottom-right-radius: var(--bdr-radius);
    padding: 36px 30px 33px;
}

.blog-one__meta {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
}

.blog-one__meta li {
    position: relative;
    display: block;
}

.blog-one__meta li p {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: var(--font-two);
    font-weight: 500;
}

.blog-one__meta li p span {
    font-size: 16px;
    color: var(--base);
    font-weight: 700;
}

.blog-one__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    margin: 12px 0 24px;
}

.blog-one__title a {
    color: var(--black);
}

.blog-one__title a:hover {
    color: var(--base);
}

.blog-one__read-more {
    position: relative;
    display: inline-block;
}

.blog-one__read-more a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--black);
    font-size: 14px;
    text-transform: uppercase;
    font-family: var(--font-two);
    font-weight: 600;
}

.blog-one__read-more a:hover {
    color: var(--base);
}

.blog-one__read-more a span {
    color: var(--base);
}

/*--------------------------------------------------------------
# Blog Two
--------------------------------------------------------------*/
.blog-two {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1;
}

.blog-two__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.blog-two__img-box {
    position: relative;
    display: block;
}

.blog-two__img {
    position: relative;
    display: block;
    overflow: hidden;
    border-top-left-radius: var(--bdr-radius);
    border-top-right-radius: var(--bdr-radius);
    z-index: 1;
}

.blog-two__img img {
    width: 100%;
    border-top-left-radius: var(--bdr-radius);
    border-top-right-radius: var(--bdr-radius);
}

.blog-two__link {
    display: flex;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--black-rgb), 0.6);
    position: absolute;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translateY(-20%);
    transition: opacity 500ms ease, transform 500ms ease;
}

.blog-two__link::before,
.blog-two__link::after {
    content: "";
    width: 25px;
    height: 2px;
    background-color: var(--white);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-two__link::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.blog-two__single:hover .blog-two__link {
    opacity: 1;
    transform: translateY(0);
}

.blog-two__link:hover::before,
.blog-two__link:hover::after {
    background-color: var(--base);
}


.blog-two__date {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 5px solid var(--base);
    background-color: var(--white);
    border-top-left-radius: var(--bdr-radius);
    z-index: 2;
}

.blog-two__date p {
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    font-family: var(--font-2);
    color: var(--black);
}

.blog-two__content {
    position: relative;
    display: block;
    background-color: var(--white);
    box-shadow: 0px 10px 39.2px 0.8px rgba(0, 0, 0, 0.1);
    border-bottom-left-radius: var(--bdr-radius);
    border-bottom-right-radius: var(--bdr-radius);
    padding: 31px 35px 32px;
}

.blog-two__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.blog-two__title a {
    color: var(--black);
}

.blog-two__title a:hover {
    color: var(--base);
}

.blog-two__text {
    margin: 15px 0 12px;
}

.blog-two__read-more {
    position: relative;
    display: inline-block;
}

.blog-two__read-more a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--black);
    font-weight: 500;
}

.blog-two__read-more a:hover {
    color: var(--base);
}

.blog-two__read-more a span {
    font-size: 14px;
    color: var(--base);
}

/*--------------------------------------------------------------
# Blog Three
--------------------------------------------------------------*/
.blog-three {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1;
}

.blog-three__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.blog-three__img-box {
    position: relative;
    display: block;
}

.blog-three__img {
    position: relative;
    display: block;
    border-radius: 10px;
    overflow: hidden;
}

.blog-three__img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 40, 58, 0) 0%, rgba(0, 40, 58, 0.339744) 22.7%, rgba(0, 0, 0, 0.9) 100%);
    z-index: 1;
}

.blog-three__img img {
    width: 100%;
    border-radius: 10px;
    transform: scale(1.0);
    transition-delay: 0.1s;
    transition-timing-function: ease-in-out;
    transition-duration: 0.7s;
    transition-property: all;
}

.blog-three__single:hover .blog-three__img img {
    transform: scale(1.10) rotate(0deg);
}

.blog-three__content {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    z-index: 2;
}

.blog-three__meta {
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px;
}

.blog-three__meta li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
}

.blog-three__meta li .icon {
    position: relative;
    display: inline-block;
}

.blog-three__meta li .icon span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--white);
}

.blog-three__meta li p {
    font-size: 14px;
    color: var(--white);
}

.blog-three__title {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    margin: 10px 0 30px;
}

.blog-three__title a {
    color: var(--white);
}

.blog-three__title a:hover {
    color: var(--base);
}

.blog-three__btn-box {
    position: relative;
    display: block;
}

.blog-three__btn-box .thm-btn {
    color: var(--black);
    background-color: var(--white);
}

.blog-three__btn-box .thm-btn::before,
.blog-three__btn-box .thm-btn::after {
    background-color: var(--black);
}

/*--------------------------------------------------------------
# Blog Details
--------------------------------------------------------------*/
.blog-details {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    z-index: 1;
}

.blog-details__left {
    position: relative;
    display: block;
}

.blog-details__img {
    position: relative;
    display: block;
}

.blog-details__img img {
    width: 100%;
    border-radius: var(--bdr-radius);
}

.blog-details__date {
    position: absolute;
    top: 40px;
    right: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border: 5px solid var(--base);
    background-color: var(--white);
    border-radius: var(--bdr-radius);
    text-align: center;
}

.blog-details__date p {
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    font-family: var(--font-2);
    color: var(--black);
}

.blog-details__content {
    position: relative;
    display: block;
    margin-top: 30px;
}

.blog-details__user-and-meta {
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px;
}

.blog-details__user {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 31px;
    background-color: var(--base);
    border-radius: 16px;
}

.blog-details__user p {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--font-2);
    color: var(--white);
}

.blog-details__meta {
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px;
}

.blog-details__meta li {
    position: relative;
    display: block;
}

.blog-details__meta li a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #898989;
}

.blog-details__meta li a:hover {
    color: var(--base);
}

.blog-details__title {
    font-size: 42px;
    font-weight: 700;
    line-height: 52px;
    margin-top: 30px;
    margin-bottom: 19px;
}

.blog-details__text-2 {
    margin-top: 21px;
    margin-bottom: 40px;
}

.blog-details__author-box {
    position: relative;
    display: block;
    background-color: rgba(var(--base-rgb), .20);
    border-radius: var(--bdr-radius);
    padding: 40px 40px 37px;
}

.blog-details__author-text {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.72px;
    color: var(--black);
    margin-bottom: 30px;
}

.blog-details__author-name {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-align: right;
    color: var(--black);
    font-family: var(--font-2);
}

.blog-details__author-name span {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--font);
}

.blog-details__title-2 {
    font-size: 38px;
    font-weight: 700;
    line-height: 48px;
    margin-top: 41px;
    margin-bottom: 19px;
}

.blog-details__img-box {
    position: relative;
    display: block;
    margin-top: 29px;
}

.blog-details__img-box-img {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.blog-details__img-box-img img {
    width: 100%;
    border-radius: var(--bdr-radius);
}

.blog-details__tag-and-share {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--primary);
    border-radius: var(--bdr-radius);
    padding: 30px 30px 30px;
    margin-top: 30px;
    margin-bottom: 60px;
}

.blog-details__tag {
    position: relative;
    display: flex;
    align-items: center;
    gap: 17px;
}

.blog-details__tag-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.blog-details__tag-list {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}

.blog-details__tag-list li {
    position: relative;
    display: block;
}

.blog-details__tag-list li a {
    position: relative;
    background-color: var(--white);
    border: 1px solid rgba(var(--black-rgb), 0.10);
    color: var(--gray);
    padding: 10px 9px 10px;
    border-radius: 10px;
}

.blog-details__tag-list li a:hover {
    background-color: var(--base);
    border: 1px solid var(--base);
    color: var(--white);
}

.blog-details__share-box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 17px;
}

.blog-details__share-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: -0.72px;
}

.blog-details__share {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
}

.blog-details__share a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: 15px;
    color: var(--black);
    border: 1px solid rgba(var(--black-rgb), 0.10);
    background-color: var(--white);
    border-radius: 50%;
}

.blog-details__share a:hover {
    background-color: var(--base);
    border: 1px solid var(--base);
    color: var(--white);
}

.comment-one {
    position: relative;
    display: block;
    background-color: var(--primary);
    border-radius: var(--bdr-radius);
    padding: 40px 40px 40px;
}

.comment-one__single {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background-color: var(--white);
    border: 1px solid rgba(var(--black-rgb), 0.10);
    border-radius: var(--bdr-radius);
    padding: 29px 29px 30px;
}

.comment-one__single+.comment-one__single {
    margin-top: 30px;
}

.comment-one__image {
    position: relative;
    display: block;
    max-width: 70px;
    width: 100%;
}

.comment-one__image img {
    width: 100%;
    border-radius: 50%;
}

.comment-one__content {
    position: relative;
    display: block;
}

.comment-one__content h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: var(--black);
    margin-bottom: 3px;
}

.comment-one__content p {
    margin-top: 14px;
}

.comment-one__btn-box {
    position: absolute;
    top: 28px;
    right: 0px;
}

.comment-one__btn {
    position: relative;
    display: flex;
    align-items: center;
    gap: 13px;
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    text-transform: uppercase;
    font-family: var(--font-2);
    color: var(--black);
}

.comment-one__btn span {
    font-size: 11px;
    color: var(--base);
}

.comment-one__btn:hover {
    color: var(--base);
}

.comment-form {
    position: relative;
    display: block;
    background-color: var(--primary);
    padding: 40px 40px 40px;
    border-radius: var(--bdr-radius);
    margin-top: 60px;
}

.comment-form__title {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.72px;
    line-height: 34px;
}

.comment-form__text {
    margin-top: 23px;
    margin-bottom: 38px;
}

.comment-one__form {
    position: relative;
    display: block;
}

.comment-form__input-box {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.comment-form__input-box input[type="text"],
.comment-form__input-box input[type="email"] {
    height: 60px;
    width: 100%;
    border-radius: var(--bdr-radius);
    background-color: var(--white);
    border: 1px solid rgba(var(--black-rgb), 0.10);
    padding-left: 20px;
    padding-right: 20px;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    color: var(--gray);
    display: block;
}

.comment-form__input-box textarea {
    font-size: 16px;
    color: var(--gray);
    height: 140px;
    width: 100%;
    border-radius: var(--bdr-radius);
    background-color: var(--white);
    border: 1px solid rgba(var(--black-rgb), 0.10);
    padding: 20px 20px 30px;
    outline: none;
    font-weight: 400;
}

.comment-form__input-box.text-message-box {
    height: 140px;
}

.comment-form__btn-box {
    position: relative;
    display: block;
}

.comment-form__btn-box .thm-btn {
    border: none;
}

/***
=====================================================
    Sidebar
=====================================================
***/
.sidebar {
    position: relative;
    display: block;
}

.sidebar__single+.sidebar__single {
    margin-top: 30px;
}

.sidebar__title {
    position: relative;
    margin: 0;
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 30px;
    padding-left: 40px;
}

.sidebar__title::before {
    position: absolute;
    left: 0;
    bottom: 10px;
    height: 2px;
    width: 30px;
    background: var(--base);
    content: "";
}

.sidebar__search {
    position: relative;
    display: block;
    background-color: var(--primary);
    padding: 50px 30px 50px;
    border-radius: var(--bdr-radius);
}

.sidebar__search-form {
    position: relative;
}

.sidebar__search-form input[type="search"] {
    display: block;
    border: none;
    outline: none;
    background-color: var(--white);
    color: var(--gray);
    font-size: 14px;
    font-weight: 600;
    padding-left: 20px;
    height: 60px;
    width: 100%;
    padding-right: 60px;
    border-radius: 3px;
    border: 1px solid #dcdfe2;
}

.sidebar__search-form ::-webkit-input-placeholder {
    color: var(--gray);
    opacity: 1;
}

.sidebar__search-form ::-moz-placeholder {
    color: var(--gray);
    opacity: 1;
}

.sidebar__search-form :-ms-input-placeholder {
    color: var(--gray);
    opacity: 1;
}

.sidebar__search-form ::-ms-input-placeholder {
    color: var(--gray);
    opacity: 1;
}

.sidebar__search-form ::placeholder {
    color: var(--gray);
    opacity: 1;
}

.sidebar__search-form :-ms-input-placeholder {
    color: var(--gray);
}

.sidebar__search-form ::-ms-input-placeholder {
    color: var(--gray);
}

.sidebar__search-form button[type="submit"] {
    background-color: var(--base);
    color: var(--white);
    font-size: 18px;
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    width: 50px;
    outline: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 3px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.sidebar__search-form:hover button[type="submit"] {
    background-color: var(--black);
    color: var(--white);
}

.sidebar__category {
    position: relative;
    display: block;
    background-color: var(--primary);
    border-radius: var(--bdr-radius);
    padding: 42px 30px 50px;
}

.sidebar__category-list {
    position: relative;
    display: block;
    margin: 0;
}

.sidebar__category-list li+li {
    position: relative;
    margin-top: 15px;
}

.sidebar__category-list li a {
    position: relative;
    display: block;
    color: var(--black);
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    padding: 15px 20px 16px;
    background-color: var(--white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    font-family: var(--font-two);
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
}

.sidebar__category-list li a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: var(--base);
    z-index: -1;
    transform: scaleY(0.0);
    transform-origin: left;
    transform-style: preserve-3d;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.sidebar__category-list li a:hover:before {
    transform: scaleY(1.0);
}

.sidebar__category-list li a:hover {
    color: var(--white);
}

.sidebar__category-list li.active a {
    background-color: var(--base);
    color: var(--white);
}

.sidebar__category-list li a span {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 60px;
    right: 0;
    color: var(--black);
    font-size: 15px;
    font-weight: 600;
    background-color: rgba(var(--black-rgb), .10);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    font-family: var(--font);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 1;
}

.sidebar__category-list li a:hover span,
.sidebar__category-list li.active a span {
    background: rgba(255, 255, 255, 0.1);
    color: var(--white);
}

.sidebar__post {
    position: relative;
    display: block;
    padding: 42px 30px 42px;
    background-color: var(--primary);
    border-radius: var(--bdr-radius);
}

.sidebar__post-box {
    position: relative;
    display: block;
}

.sidebar__post-single {
    position: relative;
    display: block;
}

.sidebar__post-single+.sidebar__post-single {
    margin-top: 27px;
}

.sidebar-post__img {
    position: relative;
    display: block;
    background: var(--black);
    overflow: hidden;
    border-radius: 10px;
}

.sidebar-post__img::before {
    content: '';
    position: absolute;
    top: 0%;
    right: 0%;
    width: 0;
    height: 100%;
    background-color: rgba(var(--base-rgb), .80);
    border-radius: 10px;
    -webkit-transform: translateX(90%, 90%);
    transform: translateX(90%, 90%);
    opacity: 0.70;
    z-index: 1;
}

.sidebar__post-single:hover .sidebar-post__img::before {
    -webkit-animation: circle .95s;
    animation: circle .95s;
    opacity: 1.0;
}

.sidebar-post__img img {
    width: 100%;
    border-radius: 10px;
    transform: scale(1.0);
    transition: all 0.3s ease-in-out 0.1s opacity .2s ease-in;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}

.sidebar__post-single:hover .sidebar-post__img img {
    opacity: 0.70;
    transform: scale(1.1) rotate(1deg);
}

.sidebar__post-content-box {
    position: relative;
    margin-top: 18px;
}

.sidebar__post-content-box h3 {
    font-size: 21px;
    line-height: 30px;
    font-weight: 700;
}

.sidebar__post-content-box h3 a {
    color: var(--black);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.sidebar__post-single:hover .sidebar__post-content-box h3 a {
    color: var(--base);
}

.sidebar__tags {
    position: relative;
    display: block;
    background-color: var(--primary);
    border-radius: var(--bdr-radius);
    padding: 41px 30px 40px;
    overflow: hidden;
}

.sidebar__tags-list {
    position: relative;
    display: block;
    margin-left: -5px;
    margin-right: -5px;
}

.sidebar__tags-list li {
    position: relative;
    display: inline-block;
    float: left;
    padding: 0px 5px 0px;
    margin-bottom: 10px;
}

.sidebar__tags-list li a {
    position: relative;
    display: block;
    color: var(--gray);
    font-size: 15px;
    font-weight: 400;
    background: var(--white);
    padding: 6px 24px;
    border-radius: 5px;
    text-transform: capitalize;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.sidebar__tags-list li a:hover {
    color: var(--white);
    background: var(--base);
}

/*--------------------------------------------------------------
# Blog List
--------------------------------------------------------------*/
.blog-list {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    z-index: 1;
}

.blog-list__left {
    position: relative;
    display: block;
}

.blog-list__single {
    position: relative;
    display: block;
    margin-bottom: 56px;
}

.blog-list__img {
    position: relative;
    display: block;
    border-radius: 20px;
    overflow: hidden;
    z-index: 1;
}

.blog-list__img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    background: rgb(0, 0, 0);
    transition: all 0.5s ease;
    z-index: 1;
}

.blog-list__single:hover .blog-list__img:before {
    opacity: 0.2;
}

.blog-list__img img {
    width: 100%;
    border-radius: 20px;
    transform: scale3d(1, 1, 1);
    transition: transform 1s ease-in-out;
}

.blog-list__single:hover .blog-list__img img {
    transform: scale(1.06) rotate(0deg);
}

.blog-list__date {
    position: absolute;
    top: 40px;
    right: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border: 5px solid var(--base);
    background-color: var(--white);
    border-radius: var(--bdr-radius);
    text-align: center;
    z-index: 2;
}

.blog-list__date p {
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    font-family: var(--font-2);
    color: var(--black);
}

.blog-list__content {
    position: relative;
    display: block;
    margin-top: 30px;
}

.blog-list__user-and-meta {
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px;
}

.blog-list__user {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 31px;
    background-color: var(--base);
    border-radius: 16px;
}

.blog-list__user p {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--font-2);
    color: var(--white);
}

.blog-list__meta {
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px;
}

.blog-list__meta li {
    position: relative;
    display: block;
}

.blog-list__meta li a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #898989;
}

.blog-list__meta li a:hover {
    color: var(--base);
}

.blog-list__title {
    font-size: 42px;
    font-weight: 600;
    line-height: 52px;
    margin-top: 30px;
    margin-bottom: 19px;
}

.blog-list__title a {
    color: var(--black);
}

.blog-list__title a:hover {
    color: var(--base);
}

.blog-list__read-more {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--font-2);
    color: var(--black);
    margin-top: 27px;
}

.blog-list__read-more:hover {
    color: var(--base);
}

.blog-list__read-more span {
    color: var(--base);
}

.blog-list__read-more::before {
    content: "";
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #6E777D;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-list__read-more:hover::before {
    background-color: var(--base);
}

.blog-list__pagination {
    position: relative;
    display: block;
    text-align: center;
}

.blog-list__pagination .pg-pagination li {
    display: inline-block;
    margin-right: 10px;
}

.blog-list__pagination .pg-pagination li a {
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
    display: inline-block;
    color: var(--black);
    font-weight: 700;
    font-size: 18px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid rgba(var(--black-rgb), .10);
    font-family: var(--font-two);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-list__pagination .pg-pagination li:hover a,
.blog-list__pagination .pg-pagination li.active a {
    border: 1px solid var(--base);
    color: var(--black);
}

/*--------------------------------------------------------------
# Blog Left Sidebar
--------------------------------------------------------------*/
.blog-left-sidebar {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1;
}

/*--------------------------------------------------------------
# Blog Right Sidebar
--------------------------------------------------------------*/
.blog-right-sidebar {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1;
}

.blog-right-sidebar__left {
    position: relative;
    display: block;
}

/*--------------------------------------------------------------
# Blog Page
--------------------------------------------------------------*/
.blog-page {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    z-index: 1;
}

.blog-page .blog-list__pagination {
    padding-top: 30px;
}
/*--------------------------------------------------------------
# End
--------------------------------------------------------------*/



/*==============================================
    Site Footer
===============================================*/
.site-footer {
    position: relative;
    display: block;
    background-color: var(--black);
    overflow: hidden;
    z-index: 1;
}

.site-footer__bg-color {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: calc((100% - 580px) / 2);
    background-color: rgba(var(--white-rgb), 0.03);
    z-index: -1;
}

.footer-widget__shape-1 {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.03;
    animation: topBottom 3s ease-in-out infinite;
    z-index: -1;
}

.footer-widget__shape-1 img {
    width: auto;
}

.footer-widget__newsletter-bg {
    position: absolute;
    top: 0;
    left: 11px;
    right: -1000px;
    bottom: 0;
    opacity: 0.05;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    mix-blend-mode: luminosity;
    z-index: -1;
}

.site-footer__top {
    position: relative;
    display: block;
}

.footer-widget__about {
    position: relative;
    display: block;
    padding-top:80px;
}

.footer-widget__logo {
    position: relative;
    display: block;
}

.footer-widget__about-text {
    color: rgba(var(--white-rgb), .80);
    margin-top: 20px;
    margin-bottom: 22px;
}

.footer-widget__working-box {
    position: relative;
    display: block;
}

.footer-widget__working-title {
    font-size: 22px;
    line-height: 32px;
    color: var(--white);
    margin-bottom: 15px;
}

.footer-widget__working-hour {
    position: relative;
    display: block;
}

.footer-widget__working-hour li {
    position: relative;
    display: block;
}

.footer-widget__working-hour li+li {
    margin-top: 18px;
    border-top: 1px dashed rgba(var(--white-rgb), .30);
    padding-top: 18px;
}

.footer-widget__working-hour li p {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: rgba(var(--white-rgb), .80);
}

.footer-widget__right {
    position: relative;
    display: block;
	padding:100px 0px 20px 0px;
}

.footer-widget__title-box {
    position: relative;
    display: block;
    margin-bottom: 25px;
}

.footer-widget__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    color: var(--white);
    letter-spacing: -0.72px;
    text-transform: capitalize;
}

.footer-widget__right-bottom {
    position: relative;
    display: block;
    margin-left: 75px;
}

.footer-widget__usefull-link {
    position: relative;
    display: block;
}

.footer-widget__link-box {
    position: relative;
    display: block;
}

.footer-widget__link {
    position: relative;
    display: block;
}

.footer-widget__link li {
    position: relative;
    display: block;
}

.footer-widget__link li+li {
    margin-top: 12px;
}

.footer-widget__link li a {
    color: rgba(var(--white-rgb), .80);
    text-transform: capitalize;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.footer-widget__link li a:hover {
    color: var(--base);
}

.footer-widget__link-2 {
    margin-left: 55px;
}

.footer-widget__services {
    position: relative;
    display: block;
}

.footer-widget__newsletter {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 65px 75px 59px;
    padding-right: 0;
    margin-bottom: 41px;
}

.footer-widget__newsletter-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 38px;
    color: var(--white);
}

.footer-widget__newsletter-form {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 460px;
    width: 100%;
}

.footer-widget__newsletter-form-input-box {
    position: relative;
    display: block;
    max-width: 296px;
    width: 100%;
}

.footer-widget__newsletter-form-input-box input[type="email"] {
    font-size: 16px;
    height: 54px;
    width: 100%;
    background-color: rgba(var(--white-rgb), .10);
    outline: none;
    border: none;
    color: rgba(var(--white-rgb), .80);
    font-weight: 400;
    border-radius: 10px;
    padding-right: 20px;
    padding-left: 20px;
}

.footer-widget__newsletter-form .thm-btn {
    border: none;
    padding: 19px 30px 19px;
}

.footer-widget__newsletter-form .thm-btn:hover {
    color: var(--base);
}

.footer-widget__newsletter-form .thm-btn::before {
    background-color: var(--white);
}

.footer-widget__newsletter-form .thm-btn::after {
    background-color: var(--white);
}

.footer-widget__contact {
    position: relative;
    display: block;
}

.footer-widget__contact li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 13px;
}

.footer-widget__contact li+li {
    margin-top: 14px;
}

.footer-widget__contact li .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background-color: rgba(var(--white-rgb), .15);
    border-radius: 5px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.footer-widget__contact li:hover .icon {
    background-color: var(--base);
}

.footer-widget__contact li .icon span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.footer-widget__contact li:hover .icon span {
    color: var(--white);
}

.footer-widget__contact li .content {
    position: relative;
    display: block;
    flex: 1;
}

.footer-widget__contact li .content h3 {
    font-size: 15px;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase;
    color: var(--white);
}

.footer-widget__contact li .content p {
    color: rgba(var(--white-rgb), .80)
}

.footer-widget__contact li .content p a {
    color: rgba(var(--white-rgb), .80)
}

.footer-widget__contact li .content p a:hover {
    color: var(--base);
}

.site-footer__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    margin-top: 32px;
    border-top: 1px dashed rgba(var(--white-rgb), .20);
    padding-top: 30px;
    padding-bottom: 30px;
}

.site-footer__social a {
    position: relative;
    height: 40px;
    width: 40px;
    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;
    text-align: center;
    color: var(--white);
    background-color: rgba(var(--white-rgb), .15);
    font-size: 16px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
}

.site-footer__social a:hover {
    color: var(--white);
    background-color: var(--base);
}

.site-footer__social a:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: var(--base);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-property: all;
    transition-property: all;
    opacity: 1;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    z-index: -1;
}

.site-footer__social a:hover:after {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.site-footer__social a+a {
    margin-left: 10px;
}

.site-footer__bottom {
    position: relative;
    display: block;
    background-color: #0a0b0c;
}

.site-footer__bottom-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 26px 0 25px;
}

.site-footer__bottom-text {
    color: rgba(var(--white-rgb), .80);
}

.site-footer__bottom-text a {
    color: var(--base);
}

.site-footer__bottom-text a:hover {
    color: var(--white);
}

.site-footer__bottom-menu {
    position: relative;
    display: flex;
    align-items: center;
}

.site-footer__bottom-menu li {
    position: relative;
    display: block;
	color: rgba(var(--white-rgb), .80);
}

.site-footer__bottom-menu li+li {
    margin-left: 30px;
}

.site-footer__bottom-menu li a {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: rgba(var(--white-rgb), .80);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.site-footer__bottom-menu li a:hover {
    color: var(--base);
}

.footer-widget__post-box {
    position: relative;
    display: block;
    margin-left: -30px;
}

.footer-widget__post {
    position: relative;
    display: block;
}

.footer-widget__post li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
}

.footer-widget__post li+li {
    margin-top: 12px;
}

.footer-widget__post-img {
    position: relative;
    display: block;
    max-width: 75px;
    width: 100%;
}

.footer-widget__post-img img {
    width: 100%;
    border-radius: 10px;
}

.footer-widget__post-content {
    position: relative;
    display: block;
    flex: 1;
}

.footer-widget__post-title {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
}

.footer-widget__post-title a {
    color: var(--white);
}

.footer-widget__post-title a:hover {
    color: var(--base);
}

.footer-widget__post-date {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(var(--white-rgb), .80);
    margin-top: 5px;
}

/*--------------------------------------------------------------
# End
--------------------------------------------------------------*/


/*==============================================
   Contact One
===============================================*/
.contact-one {
    position: relative;
    display: block;
    padding: 120px 0 0px;
    z-index: 1;
}

.contact-one__bg-color {
    position: absolute;
    top: 120px;
    left: 0;
    bottom: 0;
    width: calc((100% - -145px) / 2);
    background-color: var(--primary);
    border-top-right-radius: 20px;
    border-bottom-right-radius: var(--bdr-radius);
    z-index: -1;
}

.contact-one__left {
    position: relative;
    display: block;
    margin-right: 50px;
}

.contact-one__map-box {
    position: relative;
    display: block;
}

.contact-one__map-img {
    position: relative;
    display: block;
    opacity: .40;
}

.contact-one__map-img img {
    width: 100%;
}

.contact-one__point-1 {
    position: absolute;
    top: 37%;
    left: 140px;
}

.contact-one__markar {
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background-color: rgba(0, 40, 58, .40);
    height: 40px;
    width: 40px;
    cursor: pointer;
}

.contact-one__markar:before {
    position: absolute;
    top: 3px;
    bottom: 3px;
    right: 3px;
    left: 3px;
    background-color: var(--base);
    content: "";
    border-radius: 50%;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.contact-one__point-1:hover .contact-one__markar:before {
    background-color: var(--black);
}

.contact-one__markar:after {
    content: "\e901";
    font-family: 'icomoon' !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 16px;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-one__popup-box {
    position: absolute;
    top: 15px;
    right: -100px;
    z-index: 2;
    opacity: 0;
    transform: perspective(400px) rotateX(90deg) translateY(10px);
    transform-origin: bottom;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
}

.contact-one__point-1:hover .contact-one__popup-box {
    opacity: 1.0;
    transform: perspective(400px) rotateX(0deg) translateY(0);
    transition-delay: .3s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
}

.contact-one__popup {
    position: relative;
    display: block;
    max-width: 250px;
    width: 100%;
    background-color: var(--white);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    padding: 12px 12px 12px;
    border-radius: 12px;
}

.contact-one__popup-inner {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    width: 250px;
}

.contact-one__popup-img {
    position: relative;
    display: block;
    width: 80px;
    border-radius: 10px;
    overflow: hidden;
}

.contact-one__popup-img img {
    width: 100%;
    border-radius: 10px;
}

.contact-one__popup-content {
    position: relative;
    display: block;
}

.contact-one__popup-content p {
    font-size: 14px;
    line-height: 20px;
}

.contact-one__popup-content span {
    font-size: 14px;
    font-weight: 600;
    color: var(--black);
    position: relative;
    display: block;
    margin-top: 7px;
}

.contact-one__point-2 {
    left: 33%;
    top: inherit;
    bottom: 30%;
}

.contact-one__point-3 {
    left: 57%;
    top: 42%;
}

.contact-one__point-4 {
    left: auto;
    top: 36%;
    right: 11%;
}

.contact-one__point-5 {
    left: auto;
    top: auto;
    bottom: 26%;
    right: 17%;
}

.contact-one__markar .ripple,
.contact-one__markar .ripple:before,
.contact-one__markar .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);
    -ms-box-shadow: 0 0 0 0 rgba(2, 185, 180, .5);
    -o-box-shadow: 0 0 0 0 rgba(2, 185, 180, .5);
    -webkit-box-shadow: 0 0 0 0 rgba(2, 185, 180, .5);
    box-shadow: 0 0 0 0 rgba(2, 185, 180, .5);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.contact-one__markar .ripple:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    content: "";
    position: absolute;
}

.contact-one__markar .ripple:after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
    position: absolute;
}

.contact-one__call-box {
    position: relative;
    display: block;
    margin-top: 20px;
}

.contact-one__call-list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 50px;
}

.contact-one__call-list li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
}

.contact-one__call-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: var(--base);
    border-radius: 50%;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.contact-one__call-icon:hover {
    background-color: var(--black);
}

.contact-one__call-icon span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--white);
    font-weight: 500;
}

.contact-one__content {
    position: relative;
    display: block;
    flex: 1;
}

.contact-one__content h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
}

.contact-one__content h4 a {
    color: var(--black);
}

.contact-one__content h4 a:hover {
    color: var(--base);
}

.contact-one__right {
    position: relative;
    display: block;
}

.contact-one__right .section-title {
    margin-bottom: 35px;
}

.contact-one__form {
    position: relative;
    display: block;
    background-color: var(--black);
    padding: 30px;
    border-radius: var(--bdr-radius);
    border-bottom: 5px solid var(--base);
}

.contact-one__form .row {
    --bs-gutter-x: 20px;
}

.contact-one__input-box {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.contact-one__input-box input[type="text"],
.contact-one__input-box input[type="email"] {
    height: 55px;
    width: 100%;
    background-color: rgba(var(--base-rgb), 0.07);
    border: none;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    color: rgba(var(--white-rgb), .80);
    display: block;
    border-radius: var(--bdr-radius);
}

.contact-one__input-box .select-box {
    width: 100%;
}

.contact-one__input-box .nice-select {
    height: 55px;
    width: 100%;
    background-color: rgba(var(--base-rgb), 0.07);
    border: none;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    font-size: 14px;
    color: rgba(var(--white-rgb), .80);
    font-weight: 400;
    border-radius: var(--bdr-radius);
    line-height: 55px;
    display: block;
    float: none;
}

.contact-one__input-box .nice-select:after {
    position: absolute;
    top: 22px;
    right: 30px;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid rgba(var(--white-rgb), .80);
    border-right: 2px solid rgba(var(--white-rgb), .80);
    margin-top: 0px;
    z-index: 10;
}

.contact-one__input-box .nice-select .option {
    color: var(--white);
}

.contact-one__input-box .nice-select .option.selected {
    font-weight: 500;
}

.contact-one__input-box .nice-select .list {
    background-color: var(--base);
    border-radius: var(--bdr-radius);
}

.contact-one__input-box .nice-select .option:hover,
.contact-one__input-box .nice-select .option.focus,
.contact-one__input-box .nice-select .option.selected.focus {
    color: var(--white);
}

.contact-one__input-box textarea {
    height: 120px;
    width: 100%;
    background-color: rgba(var(--base-rgb), 0.07);
    border: none;
    padding: 15px 30px 30px;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    color: rgba(var(--white-rgb), .80);
    position: relative;
    display: block;
    border-radius: var(--bdr-radius);
}

.contact-one__input-box.text-message-box {
    height: 120px;
}

.contact-one__btn-box {
    position: relative;
    display: block;
    text-align: left;
}

.contact-one__btn-box .thm-btn {
    border: none;
    width: 100%;
    justify-content: center;
}

.contact-one__btn-box .thm-btn:hover {
    color: var(--black);
}

.contact-one__btn-box .thm-btn::before {
    background-color: var(--white);
}

.contact-one__btn-box .thm-btn::after {
    background-color: var(--white);
}

/*--------------------------------------------------------------
# Contact Two
--------------------------------------------------------------*/
.contact-two {
    padding: 90px 0 0px;
}

.contact-two .contact-one__bg-color {
    top: 90px;
}

/*--------------------------------------------------------------
# Contact Info
--------------------------------------------------------------*/
.contact-info {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1;
}

.contact-info__single {
    position: relative;
    display: block;
    border-radius: var(--bdr-radius);
    background-color: rgba(52, 109, 241, 0.12);
    text-align: center;
    padding: 40px 40px 41px;
    margin-bottom: 30px;
}

.contact-info__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background-color: var(--white);
    border-radius: 50%;
    margin: 0 auto;
    z-index: 1;
}

.contact-info__icon:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    border-radius: 50%;
    background-color: var(--black);
    transform: scale(0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    z-index: -1;
}

.contact-info__single:hover .contact-info__icon:before {
    transform: scaleX(1);
}

.contact-info__icon span {
    position: relative;
    display: inline-block;
    font-size: 32px;
    color: var(--black);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
}

.contact-info__single:hover .contact-info__icon span {
    transform: scale(0.9);
    color: var(--white);
}


.contact-info__single p {
    margin-bottom: 5px;
	padding: 10px 0px 0px 0px;
	font-size:20px; font-weight:600;
}
.contact-info__single p a {
  
  margin: 0px;
  color: #777;
}

.contact-info__single h3 {
    font-size: 30px;
    font-weight: 700;
    line-height: 32px;
    color: var(--black);
    font-family: var(--font);
	margin-top: 20px;
}

.contact-info__single h3 a {
    color: var(--black);
}

.contact-info__single h3 a:hover {
    color: var(--base)
}


/*--------------------------------------------------------------
# Contact Page
--------------------------------------------------------------*/
.contact-page {
    position: relative;
    display: block;
    padding: 0 0 120px;
    z-index: 1;
}

.contact-page__inner {
    position: relative;
    display: block;
    background-color: var(--black);
    border-radius: 20px;
    padding: 60px 0 60px;
}

.contact-page__left {
    position: relative;
    display: block;
    margin-left: 60px;
    margin-right: 10px;
}

.google-map__one {
    position: relative;
    display: block;
    border: none;
    height: 523px;
    width: 100%;
    border-radius: 20px;
}

.contact-page__right {
    position: relative;
    display: block;
    margin-left: 20px;
    margin-right: 40px;
}

.contact-page__form-title {
    font-size: 45px;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: -1.44px;
    color: var(--white);
    margin-bottom: 26px;
}

.contact-page__form {
    position: relative;
    display: block;
}

.contact-page__input-box {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.contact-page__input-box input[type="text"],
.contact-page__input-box input[type="email"],
.contact-page__input-box input[type="number"] {
    height: 57px;
    width: 100%;
    background-color: #00273a;
    border: 1px solid rgba(var(--white-rgb), .10);
    padding-left: 20px;
    padding-right: 20px;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    color: var(--gray);
    display: block;
    border-radius: 20px;
}

.contact-page__input-box .select-box {
    width: 100%;
}

.contact-page__input-box .nice-select {
    height: 57px;
    width: 100%;
    background-color: #00273a;
    border: 1px solid rgba(var(--white-rgb), .10);
    padding-left: 20px;
    padding-right: 20px;
    outline: none;
    font-size: 16px;
    color: var(--gray);
    display: block;
    font-weight: 400;
    border-radius: 20px;
    line-height: 57px;
    float: none;
}

.contact-page__input-box textarea {
    font-size: 16px;
    color: var(--gray);
    height: 175px;
    width: 100%;
    background-color: #00273a;
    border: 1px solid rgba(var(--white-rgb), .10);
    padding: 15px 20px 30px;
    border-radius: 20px;
    outline: none;
    font-weight: 400;
    position: relative;
    display: block;
}

.contact-page__input-box.text-message-box {
    height: 175px;
}


.contact-page__btn-box {
    position: relative;
    display: block;
}

.contact-page__btn-box .thm-btn {
    border: none;
}

.contact-page__btn-box .thm-btn:hover {
    color: var(--black);
}

.contact-page__btn-box .thm-btn::before,
.contact-page__btn-box .thm-btn::after {
    background-color: var(--white);
}

/*--------------------------------------------------------------
# End
--------------------------------------------------------------*/

.jarallax {position: relative; z-index:0;}
.jarallax > .jarallax-img {position:absolute; object-fit:cover;font-family:'object-fit: cover;'; top:0; left:0; width:100%; height:100%;z-index:-1;}
/*--------------------------------------------------------------
# End
--------------------------------------------------------------*/