/* Eusoft- It Solutions & Software Solution Website Template *//*--------------------------------------------------------------# General--------------------------------------------------------------*/:root {  --font-default: 'Poppins', sans-serif;  --font-primary: 'Poppins', sans-serif;  --font-secondary: 'Poppins', sans-serif;  --font-heading: 'Comfortaa', cursive;}:root {  --color-default: #222222;  --color-primary: #10bab9;  --color-secondary: #222222;}:root {  scroll-behavior: smooth;}body {  font-family: var(--font-default);  color: var(--color-default);}a {  color: #10bab9;  text-decoration: none;}a:hover {  color: #000000;  text-decoration: none;}h1,h2,h3,h4,h5,h6 {  font-family: var(--font-primary);}dl,ol,ul {  padding: 0;  margin: 0;  list-style: none;  margin-bottom: 1rem;}.text-right {  text-align: right !important;}.text-left {  text-align: left !important;}.mt-20 {  margin-top: 20px;}.mt-m70{  /* margin-top: -70px; */}.seprator {  margin: 0 20px;}.bg-gray {  background-color: #fbfbfb;}.main-button{  background: #10bab9;  padding: 10px 20px !important;  color: #fff !important;}.h-full{  height: unset;}/*--------------------------------------------------------------# Sections & Section Header--------------------------------------------------------------*/section {  padding: 90px 0;  overflow: hidden;}.section {  padding: 90px 0;  overflow: hidden;}.sections-bg {  background: linear-gradient(rgb(240 240 240 / 73%), hwb(0deg 98% 2% / 73%)), url(../images/cta-bg.jpg) center center;  background-size: cover;  padding: 150px 60px;  border-radius: 0px;  overflow: hidden;  background-repeat: no-repeat;  background-attachment: fixed;  background-position: center;}@media (max-width: 575px) {  .sections-bg {    padding: 150px 0px;  }}/*.sections-bg h2,.sections-bg p,.sections-bg a,.sections-bg i,.sections-bg span,.sections-bg h4 {  color: #ffffff !important;}*/.section-header {  text-align: center;  padding-bottom: 60px;}.section-header h2 {  font-size: 32px;  font-weight: 600;  margin-bottom: 20px;  position: relative;}.section-header p {  margin-bottom: 0;  color: #6f6f6f;}.fill-btn {  background: #eb4680;  border: 0;  padding: 10px 45px;  color: #fff;  transition: 0.4s;  border-radius: 2px;}.fill-btn::hover {  color: #fff;}.project-btn {  display: flex;  text-align: center;  position: absolute;  top: -45px;}.project-btn .fill-btn {  width: 100%;}.project-btn .fill-btn::hover {  color: #fff;}/*--------------------------------------------------------------# Breadcrumbs--------------------------------------------------------------*/.breadcrumbs {  margin-bottom: 80px;}.breadcrumbs .page-header {  padding: 150px 0 60px 0;  min-height: 20vh;  position: relative;  background-color: #f3f3f3;}.breadcrumbs .page-header h2 {  font-size: 56px;  font-weight: 500;  color: #02336e;  font-family: var(--font-secondary);}.breadcrumbs .page-header p {  color: rgb(90 90 90 / 80%);}.breadcrumbs nav {  padding: 20px 0;  border-top: 2px solid rgb(255 255 255 / 35%);}.breadcrumbs nav ol {  display: flex;  flex-wrap: wrap;  align-items: center;  justify-content: flex-start;  list-style: none;  margin: 0;  padding: 0;  font-size: 16px;  font-weight: 600;  color: var(--color-default);}.breadcrumbs nav ol a {  color: rgb(235 70 128);  transition: 0.3s;}.breadcrumbs nav ol a:hover {  text-decoration: underline;}.breadcrumbs nav ol li+li {  padding-left: 10px;}.breadcrumbs nav ol li+li::before {  display: inline-block;  padding-right: 10px;  color: var(--color-secondary);  content: "/";}.pages-images {  position: absolute;  max-width: 349px;  background: #ffffff;  padding: 46px;  border-radius: 2px;  top: 40px;  border: 2px solid #eeeeee;}@media screen and (max-width: 992px) {  .pages-images {    position: unset;    max-width: initial;    background: #dbdbdb;    padding: 46px;    top: 40px;  }}/*--------------------------------------------------------------# Scroll top button--------------------------------------------------------------*/.scroll-top {  position: fixed;  visibility: hidden;  opacity: 0;  right: 15px;  bottom: -15px;  z-index: 99999;  background: var(--color-secondary);  width: 44px;  height: 44px;  border-radius: 0;  transition: all 0.4s;}.scroll-top i {  font-size: 24px;  color: #fff;  line-height: 0;}.scroll-top:hover {  background: rgba(248, 90, 64, 0.8);  color: #fff;}.scroll-top.active {  visibility: visible;  opacity: 1;  bottom: 15px;}/*--------------------------------------------------------------# Preloader--------------------------------------------------------------*/#preloader {  position: fixed;  inset: 0;  z-index: 999999;  overflow: hidden;  background: #fff;  transition: all 0.6s ease-out;}#preloader:before {  content: "";  position: fixed;  top: calc(50% - 30px);  left: calc(50% - 30px);  border: 2px solid #fff;  border-color: #10bab9 transparent #10bab9 transparent;  border-radius: 50%;  width: 60px;  height: 60px;  -webkit-animation: animate-preloader 1.5s linear infinite;  animation: animate-preloader 1.5s linear infinite;}@-webkit-keyframes animate-preloader {  0% {    transform: rotate(0deg);  }  100% {    transform: rotate(360deg);  }}@keyframes animate-preloader {  0% {    transform: rotate(0deg);  }  100% {    transform: rotate(360deg);  }}/*--------------------------------------------------------------# Disable aos animation delay on mobile devices--------------------------------------------------------------*/@media screen and (max-width: 768px) {  [data-aos-delay] {    transition-delay: 0 !important;  }}/*--------------------------------------------------------------# Header--------------------------------------------------------------*/.topbar {  height: 35px;  font-size: 14px;  transition: all 0.5s;  color: #fff;  padding: 0;  position: fixed;  top: 0;  right: 0;  left: 0;  height: 80px;  box-shadow: 0 0 29px 0 rgb(0 0 0 / 5%);}.topbar .contact-info i {  font-style: normal;  color: #10bab9;  line-height: 0;}.topbar .contact-info i a,.topbar .contact-info i span {  padding-left: 5px;  color: #10bab9;}@media (max-width: 575px) {  .topbar .contact-info i a,  .topbar .contact-info i span {    font-size: 13px;  }}.topbar .contact-info i a {  line-height: 0;  transition: 0.3s;}.topbar .contact-info i a:hover {  color: #10bab9;  text-decoration: underline;}.topbar .social-links a {  color: #10bab9;  line-height: 0;  transition: 0.3s;  margin-left: 20px;}.topbar .social-links a:hover {  color: #414141;}.header {  transition: all 0.5s;  z-index: 997;  height: 79px;  background: transparent;  position: fixed;  top: 0;  right: 0;  left: 0;  height: 80px;}.header.sticked {  position: fixed;  top: 0;  right: 0;  left: 0;  height: 80px;}.header.stikcy-menu {  background: #ffffff;  box-shadow: 0 0 29px 0 rgb(0 0 0 / 5%);}.header .logo img {  max-height: 40px;  margin-right: 6px;}.header .logo h1 {  font-size: 30px;  margin: 0;  font-weight: 600;  letter-spacing: 0.8px;  color: #10bab9;  font-family: var(--font-primary);}.header .logo h1 span {  color: #02336e;}.sticked-header-offset {  /* margin-top: 70px; */}section {  scroll-margin-top: 70px;}/*--------------------------------------------------------------# Desktop Navigation--------------------------------------------------------------*/@media (min-width: 1280px) {  .navbar {    padding: 0;  }  .navbar ul {    margin: 0;    padding: 0;    display: flex;    list-style: none;    align-items: center;  }  .navbar li {    position: relative;  }  .navbar>ul>li {    white-space: nowrap;    padding: 10px 0 10px 28px;  }  .navbar a,  .navbar a:focus {    display: flex;    align-items: center;    justify-content: space-between;    padding: 0 3px;    font-family: var(--font-secondary);    font-size: 16px;    font-weight: 400;    color: #02336e;    white-space: nowrap;    transition: 0.3s;    position: relative;  }  .navbar a i,  .navbar a:focus i {    font-size: 12px;    line-height: 0;    margin-left: 5px;  }  .navbar a:hover:before,  .navbar li:hover>a:before,  .navbar .active:before {    visibility: visible;    width: 100%;  }  .navbar a:hover,  .navbar .active,  .navbar .active:focus,  .navbar li:hover>a {    color: #1f1f1f;  }  .navbar .dropdown ul {    display: block;    position: absolute;    left: 28px;    top: calc(100% + 30px);    margin: 0;    padding: 10px 0;    z-index: 99;    opacity: 0;    visibility: hidden;    background: #ffffff;    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);    transition: 0.3s;    border-radius: 0px;  }  .navbar .dropdown ul li {    min-width: 200px;  }  .navbar .dropdown ul a {    padding: 10px 20px;    font-size: 15px;    text-transform: none;    font-weight: 400;    color: #000;  }  .navbar .dropdown ul a i {    font-size: 12px;  }  .navbar .dropdown ul a:hover,  .navbar .dropdown ul .active:hover,  .navbar .dropdown ul li:hover>a {    color: #10bab9;  }  .navbar .dropdown:hover>ul {    opacity: 1;    top: 100%;    visibility: visible;  }  .navbar .dropdown .dropdown ul {    top: 0;    left: calc(100% - 30px);    visibility: hidden;  }  .navbar .dropdown .dropdown:hover>ul {    opacity: 1;    top: 0;    left: 100%;    visibility: visible;  }}@media (min-width: 1280px) and (max-width: 1366px) {  .navbar .dropdown .dropdown ul {    left: -90%;  }  .navbar .dropdown .dropdown:hover>ul {    left: -100%;  }}@media (min-width: 1280px) {  .mobile-nav-show,  .mobile-nav-hide {    display: none;  }}/*--------------------------------------------------------------# Mobile Navigation--------------------------------------------------------------*/@media (max-width: 1279px) {  .navbar {    position: fixed;    top: 0;    right: -100%;    width: 100%;    max-width: 400px;    bottom: 0;    transition: 0.3s;    z-index: 9997;  }  .navbar ul {    position: absolute;    inset: 0;    padding: 50px 0 10px 0;    margin: 0;    background: #10bab9;    overflow-y: auto;    transition: 0.3s;    z-index: 9998;  }  .navbar a,  .navbar a:focus {    display: flex;    align-items: center;    justify-content: space-between;    padding: 10px 20px;    font-family: var(--font-primary);    font-size: 15px;    font-weight: 600;    color: rgb(255 255 255);    white-space: nowrap;    transition: 0.3s;  }  .navbar a i,  .navbar a:focus i {    font-size: 12px;    line-height: 0;    margin-left: 5px;  }  .navbar a:hover,  .navbar .active,  .navbar .active:focus,  .navbar li:hover>a {    color: #fff;  }  .navbar .getstarted,  .navbar .getstarted:focus {    background: var(--color-primary);    padding: 8px 20px;    border-radius: 4px;    margin: 15px;    color: #fff;  }  .navbar .getstarted:hover,  .navbar .getstarted:focus:hover {    color: #fff;    background: rgba(0, 131, 116, 0.8);  }  .navbar .dropdown ul,  .navbar .dropdown .dropdown ul {    position: static;    display: none;    padding: 10px 0;    margin: 10px 20px;    transition: all 0.5s ease-in-out;    background-color: #10bab9;  }  .navbar .dropdown>.dropdown-active,  .navbar .dropdown .dropdown>.dropdown-active {    display: block;  }  .mobile-nav-show {    font-size: 28px;    cursor: pointer;    line-height: 0;    transition: 0.5s;    z-index: 9999;    margin-right: 10px;  }  .mobile-nav-hide {    color: #fff;    font-size: 32px;    cursor: pointer;    line-height: 0;    transition: 0.5s;    position: fixed;    right: 20px;    top: 20px;    z-index: 9999;  }  .mobile-nav-active {    overflow: hidden;  }  .mobile-nav-active .navbar {    right: 0;  }  .mobile-nav-active .navbar:before {    content: "";    position: fixed;    inset: 0;    background: rgb(0 0 0 / 80%);    z-index: 9996;  }}/*--------------------------------------------------------------# Login Register Section--------------------------------------------------------------*/.login {  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;  font-size: 1rem;  font-weight: normal;  line-height: 1.5;  color: var(--color-black);}.login a,.login button {  font-family: inherit;  font-size: inherit;  line-height: inherit;  cursor: pointer;  border: none;  outline: none;  background: none;  text-decoration: none;}.login img {  display: block;  width: 100%;  height: auto;  -o-object-fit: cover;  object-fit: cover;}.login .container {  display: flex;  justify-content: center;  align-items: center;  max-width: 80rem;  width: 100%;  padding: 0 2rem;  margin: 0 auto;}.login .fa-apple {  font-size: 1.65rem;  line-height: inherit;  margin-right: 0.5rem;  color: var(--color-black);}.login .fa-google {  font-size: 1.65rem;  line-height: inherit;  margin-right: 0.5rem;  color: var(--color-red);}.login .fa-facebook {  font-size: 1.65rem;  line-height: inherit;  margin-right: 0.5rem;  color: var(--color-blue);}.login .text {  font-family: inherit;  line-height: inherit;  text-transform: unset;  text-rendering: optimizeLegibility;}.login .text-large {  font-size: 2rem;  font-weight: 600;  color: var(--color-black);}.login .text-normal {  font-size: 1rem;  font-weight: 400;  color: var(--color-black);}.login .text-links {  font-size: 1rem;  font-weight: 400;  color: rgb(235 70 128);}.login .text-links:hover {  text-decoration: underline;}.login .wrapper {  max-width: 28rem;  width: 100%;  margin: 9rem auto;  padding: 2rem 2.5rem;  border: none;  outline: none;  border-radius: 2px;  color: var(--color-black);  background: #f3f3f3cc;  box-shadow: var(--shadow-large);}.login .wrapper .form {  width: 100%;  height: auto;  margin-top: 2rem;}.login .wrapper .form .input-control {  display: flex;  align-items: center;  justify-content: space-between;  margin-bottom: 1.25rem;}.login .wrapper .form .input-field {  font-family: inherit;  font-size: 1rem;  font-weight: 400;  line-height: inherit;  width: 100%;  height: auto;  padding: 0.75rem 1.25rem;  border: none;  outline: none;  border-radius: 2px;  color: var(--color-black);  background: #fff;  text-transform: unset;  text-rendering: optimizeLegibility;}.login .wrapper .form .input-submit {  font-family: inherit;  font-size: 1rem;  font-weight: 500;  line-height: inherit;  cursor: pointer;  min-width: 40%;  height: auto;  padding: 0.65rem 1.25rem;  border: none;  outline: none;  border-radius: 2px;  color: var(--color-white);  background: rgb(235 70 128);  box-shadow: var(--shadow-medium);  text-transform: capitalize;  text-rendering: optimizeLegibility;}.login .wrapper .striped {  display: flex;  flex-direction: row;  justify-content: center;  align-items: center;  margin: 1rem 0;}.login .wrapper .striped-line {  flex: auto;  flex-basis: auto;  border: none;  outline: none;  height: 2px;  background: var(--color-grayish);}.login .wrapper .striped-text {  font-family: inherit;  font-size: 1rem;  font-weight: 500;  line-height: inherit;  color: var(--color-black);  margin: 0 1rem;}.login .wrapper .method-control {  margin-bottom: 1rem;}.login .wrapper .method-action {  font-family: inherit;  font-size: 0.95rem;  font-weight: 500;  line-height: inherit;  display: flex;  justify-content: center;  align-items: center;  width: 100%;  height: auto;  padding: 0.35rem 1.25rem;  outline: none;  border: 2px solid var(--color-grayish);  border-radius: 2rem;  color: var(--color-black);  background: #e4e4e4;  text-transform: capitalize;  text-rendering: optimizeLegibility;  transition: all 0.35s ease;}.login .wrapper .method-action:hover {  background: var(--color-light);}/*--------------------------------------------------------------# About Us Section--------------------------------------------------------------*/.image-design-box{  position: relative;}.image-design-box::before{  content: '';  position: absolute;  width: 300px;  background: #10bab9;  display: block;  left: 40px;  top: -30px;  height: 300px;  z-index: -1;  right: 0px;  font-weight: bold;}.image-design-box::after{  content: '';  position: absolute;  width: 300px;  background: #ffffff;  display: block;  right: 11px;  bottom: 3px;  height: 300px;  z-index: -1;  border: 3px solid #eb4680;  font-weight: bold;}.about h3 {  font-weight: 700;  font-size: 28px;  margin-bottom: 20px;  font-family: var(--font-secondary);}.about .call-us {  left: 10%;  right: 10%;  bottom: 0;  background-color: #fff;  box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.08);  padding: 20px;  text-align: center;}.about .call-us h4 {  font-size: 24px;  font-weight: 700;  margin-bottom: 5px;}.about .call-us p {  font-size: 28px;  font-weight: 700;  color: var(--color-primary);}.about .content ul {  list-style: none;  padding: 0;}.about .content ul li {  padding: 6px 21px 6px 38px;  position: relative;  color: #ffffff;}.about .content ul i {  position: absolute;  font-size: 30px;  left: 0;  top: -3px;  color: var(--color-primary);  border-radius: 2px;}.single-page .about .content ul li {  color: #000000;  background: #f3f3f3;}.about .content p:last-child {  margin-bottom: 0;}.about .play-btn {  width: 94px;  height: 94px;  background: radial-gradient(var(--color-primary) 50%, rgba(0, 131, 116, 0.4) 52%);  border-radius: 50%;  display: block;  position: absolute;  left: calc(50% - 47px);  top: calc(50% - 47px);  overflow: hidden;}.about .play-btn:before {  content: "";  position: absolute;  width: 120px;  height: 120px;  -webkit-animation-delay: 0s;  animation-delay: 0s;  -webkit-animation: pulsate-btn 2s;  animation: pulsate-btn 2s;  -webkit-animation-direction: forwards;  animation-direction: forwards;  -webkit-animation-iteration-count: infinite;  animation-iteration-count: infinite;  -webkit-animation-timing-function: steps;  animation-timing-function: steps;  opacity: 1;  border-radius: 50%;  border: 5px solid rgba(0, 131, 116, 0.7);  top: -15%;  left: -15%;  background: rgba(198, 16, 0, 0);}.about .play-btn:after {  content: "";  position: absolute;  left: 50%;  top: 50%;  transform: translateX(-40%) translateY(-50%);  width: 0;  height: 0;  border-top: 10px solid transparent;  border-bottom: 10px solid transparent;  border-left: 15px solid #fff;  z-index: 100;  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);}.about .play-btn:hover:before {  content: "";  position: absolute;  left: 50%;  top: 50%;  transform: translateX(-40%) translateY(-50%);  width: 0;  height: 0;  border: none;  border-top: 10px solid transparent;  border-bottom: 10px solid transparent;  border-left: 15px solid #fff;  z-index: 200;  -webkit-animation: none;  animation: none;  border-radius: 0;}.about .play-btn:hover:after {  border-left: 15px solid var(--color-primary);  transform: scale(20);}@-webkit-keyframes pulsate-btn {  0% {    transform: scale(0.6, 0.6);    opacity: 1;  }  100% {    transform: scale(1, 1);    opacity: 0;  }}@keyframes pulsate-btn {  0% {    transform: scale(0.6, 0.6);    opacity: 1;  }  100% {    transform: scale(1, 1);    opacity: 0;  }}@keyframes load {  from {    width: 0%  }}@-webkit-keyframes load {  from {    width: 0%  }}@-moz-keyframes load {  from {    width: 0%  }}@-o-keyframes load {  from {    width: 0%  }}.bar {  background-color: rgb(214 214 214 / 18%);  padding: 1px;  border-radius: 2px;  margin-bottom: 20px;  font-size: 12px;  color: #ffffff;}.bar::before {  content: attr(data-skill);  background-color: #eb4680;  display: inline-block;  padding: 5px 0 5px 10px;  border-radius: inherit;  animation: load 2s 0s;  -webkit-animation: load 2s 0s;  -moz-animation: load 2s 0s;  -o-animation: load 2s 0s;}.bar.front::before {  background-color: #eb4680;}.bar.back::before {  background-color: #eb4680;}.bar.learning::before {  width: calc(20% - 10px);}.bar.basic::before {  width: calc(40% - 10px);}.bar.intermediate::before {  width: calc(60% - 10px);}.bar.advanced::before {  width: calc(80% - 10px);}.bar.expert::before {  width: calc(100% - 10px);}.single-page .bar {  background-color: rgb(243 243 243);  color: #ffffff;}.whyus .content ul {  list-style: none;  padding: 0;}.whyus .content ul li {  padding: 6px 21px 11px 38px;  position: relative;  color: #000000;}.whyus .content ul i {  position: absolute;  font-size: 30px;  left: 0;  top: -3px;  color: #10bab9;}/*--------------------------------------------------------------# Clients Section--------------------------------------------------------------*/.clients {  padding: 40px 0;}.clients{  overflow: hidden;}.clients .swiper {  padding: 10px 0;}.clients .swiper-slide img {  transition: 0.3s;}.clients .swiper-slide img:hover {  transform: scale(1.1);}.clients .swiper-pagination {  margin-top: 20px;  position: relative;}.clients .swiper-pagination .swiper-pagination-bullet {  width: 12px;  height: 12px;  background-color: #fff;  opacity: 1;  background-color: #ddd;}.clients .swiper-pagination .swiper-pagination-bullet-active {  background-color: var(--color-primary);}/*--------------------------------------------------------------# Call To Action Section--------------------------------------------------------------*/.call-to-action {  background: linear-gradient(rgb(16 186 185 / 88%), rgb(16 186 185)), url(../images/cta-bg.jpg) center center;  background-size: cover;  padding: 150px 60px;  border-radius: 0px;  overflow: hidden;  background-repeat: no-repeat;  background-attachment: fixed;  background-position: center;}.call-to-action h3 {  color: #fff;  font-size: 28px;  font-weight: 700;  margin-bottom: 20px;}.call-to-action p {  color: #fff;  margin-bottom: 20px;}.call-to-action .play-btn {  width: 94px;  height: 94px;  margin-bottom: 20px;  background: radial-gradient(var(--color-primary) 50%, rgba(0, 131, 116, 0.4) 52%);  border-radius: 50%;  display: inline-block;  position: relative;  overflow: hidden;}.call-to-action .play-btn:before {  content: "";  position: absolute;  width: 120px;  height: 120px;  -webkit-animation-delay: 0s;  animation-delay: 0s;  -webkit-animation: pulsate-btn 2s;  animation: pulsate-btn 2s;  -webkit-animation-direction: forwards;  animation-direction: forwards;  -webkit-animation-iteration-count: infinite;  animation-iteration-count: infinite;  -webkit-animation-timing-function: steps;  animation-timing-function: steps;  opacity: 1;  border-radius: 50%;  border: 5px solid rgba(0, 131, 116, 0.7);  top: -15%;  left: -15%;  background: rgba(198, 16, 0, 0);}.call-to-action .play-btn:after {  content: "";  position: absolute;  left: 50%;  top: 50%;  transform: translateX(-40%) translateY(-50%);  width: 0;  height: 0;  border-top: 10px solid transparent;  border-bottom: 10px solid transparent;  border-left: 15px solid #fff;  z-index: 100;  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);}.call-to-action .play-btn:hover:before {  content: "";  position: absolute;  left: 50%;  top: 50%;  transform: translateX(-40%) translateY(-50%);  width: 0;  height: 0;  border: none;  border-top: 10px solid transparent;  border-bottom: 10px solid transparent;  border-left: 15px solid #fff;  z-index: 200;  -webkit-animation: none;  animation: none;  border-radius: 0;}.call-to-action .play-btn:hover:after {  border-left: 15px solid var(--color-primary);  transform: scale(20);}.call-to-action .cta-btn {  font-family: var(--font-primary);  font-weight: 500;  font-size: 16px;  letter-spacing: 1px;  display: inline-block;  padding: 12px 48px;  border-radius: 0;  transition: 0.5s;  margin: 10px;  border: 2px solid #fff;  color: #fff;}.call-to-action .cta-btn:hover {  background: var(--color-primary);  border: 2px solid var(--color-primary);}@keyframes pulsate-btn {  0% {    transform: scale(0.6, 0.6);    opacity: 1;  }  100% {    transform: scale(1, 1);    opacity: 0;  }}/*--------------------------------------------------------------# Testimonials Section--------------------------------------------------------------*/.testimonials .testimonial-wrap {  padding-left: 10px;}.testimonials .testimonial-item {  box-sizing: content-box;  padding: 95px 40px;  margin: 30px 10px;  box-shadow: 0px 10px 16px rgb(0 0 0 / 10%);  position: relative;  background: #fff;  /* border-radius: 100%; */  display: flex;}.testimonials .testimonial-item .info-box {  min-width: 276px;}.testimonials .testimonial-item .testimonial-img {  width: 90px;  border-radius: 0;  margin-right: 15px;}.testimonials .testimonial-item h3 {  font-size: 18px;  font-weight: bold;  margin: 10px 0 5px 0;  color: #000;}.testimonials .testimonial-item h4 {  font-size: 14px;  color: #999;  margin: 0;}.testimonials .testimonial-item .stars {  margin: 10px 0;}.testimonials .testimonial-item .stars i {  color: #f7c633;  margin: 0 1px;}.testimonials .testimonial-item .quote-icon-left,.testimonials .testimonial-item .quote-icon-right {  color: #10bab9;  font-size: 26px;  line-height: 0;}.testimonials .testimonial-item .quote-icon-left {  display: inline-block;  left: -5px;  position: relative;}.testimonials .testimonial-item .quote-icon-right {  display: inline-block;  right: -5px;  position: relative;  top: 10px;  transform: scale(-1, -1);}.testimonials .testimonial-item p {  font-style: italic;  margin: 15px auto 15px auto;}.testimonials .swiper-pagination {  margin-top: 20px;  position: relative;}.testimonials .swiper-pagination .swiper-pagination-bullet {  width: 12px;  height: 12px;  background-color: rgba(0, 0, 0, 0.2);  opacity: 1;}.testimonials .swiper-pagination .swiper-pagination-bullet-active {  background-color: #10bab9;}@media (max-width: 767px) {  .testimonials .testimonial-wrap {    padding-left: 0;  }  .testimonials .testimonial-item {    padding: 30px;    margin: 15px;    flex-direction: column;  }  .testimonials .testimonial-item .testimonial-img {    position: static;    left: auto;  }  .mb-50 {    margin-bottom: 50px;  }}/*--------------------------------------------------------------# Our Team Section--------------------------------------------------------------*/.team .member {  text-align: center;  border-radius: 10px;  padding: 15px;  overflow: hidden;}.team .member img {  border-radius: 0;  overflow: hidden;  border-radius: 2px;}.team .member .member-content {  padding: 0 20px 30px 20px;}.team .member h4 {  font-weight: 700;  margin-top: 16px;  margin-bottom: 2px;  font-size: 20px;}.team .member span {  font-style: italic;  display: block;  font-size: 14px;}.team .member p {  padding-top: 10px;  font-size: 14px;  font-style: italic;  color: #6c757d;}.team .member .social {  margin-top: 15px;  margin-bottom: 10px;  display: flex;  align-items: center;  justify-content: space-evenly;}.team .member .social a {  color: #a2a2a2;  transition: 0.3s;  border-radius: 4px;  width: 30px;  height: 30px;  display: flex;  align-items: center;  justify-content: center;}.team .member .social a:hover {  color: var(--color-primary);  border-color: var(--color-primary);}.team .member .social i {  font-size: 14px;  margin: 0 2px;}/*--------------------------------------------------------------# Frequently Asked Questions Section--------------------------------------------------------------*/.faq .content h3 {  font-weight: 400;  font-size: 34px;}.faq .content h4 {  font-size: 20px;  font-weight: 700;  margin-top: 5px;}.faq .content p {  font-size: 15px;  color: #6c757d;}.faq .accordion-item {  border: 0;  margin-bottom: 20px;  box-shadow: 0 0 2px 0 rgb(255 39 7 / 28%);  border-radius: 0;}.faq .accordion-item:last-child {  margin-bottom: 0;}.faq .accordion-collapse {  border: 0;}.faq .accordion-button {  padding: 20px 50px 20px 20px;  font-weight: 600;  border: 0;  font-size: 18px;  line-height: 24px;  color: var(--color-default);  text-align: left;  background: #fff;  box-shadow: none;  border-radius: 10px;}.faq .accordion-button .num {  padding-right: 10px;  font-size: 30px;  line-height: 0;  color: var(--color-primary);}.faq .accordion-button:not(.collapsed) {  color: var(--color-primary);  border-bottom: 0;  box-shadow: none;}.faq .accordion-button:after {  position: absolute;  right: 20px;  top: 20px;}.faq .accordion-body {  padding: 0 40px 30px 45px;  border: 0;  border-radius: 10px;  background: #fff;  box-shadow: none;}/*--------------------------------------------------------------# Pricing Section--------------------------------------------------------------*/.pricing-table {  text-align: center;  transition: 0.3s ease-in;  position: relative;  z-index: 0;  overflow: hidden;  -moz-box-shadow: 0px 10px 30px rgb(0 0 0 / 10%);  -webkit-box-shadow: 0px 10px 30px rgb(0 0 0 / 10%);  -o-box-shadow: 0px 10px 30px rgb(0 0 0 / 10%);  border-radius: 2px;  border: 2px solid transparent;  margin-bottom: 30px;  height: 800px}.pricing-table:hover {  border-color: #10bab9;}.pricing-table .price-header {  position: relative;  transition: 0.3s ease-in;}.pricing-table .price-header .title {  color: #282828;  font-size: 21px;  line-height: 26px;  text-transform: uppercase;  font-weight: 600;  margin-top: 20px;  transition: 0.3s ease-in;  margin-bottom: 5px;  padding: 10px 0 0;}.pricing-table .price-header .subtitle {  margin-bottom: 5px;  display: block;  font-size: 14px;}.pricing-table .price {  font-size: 50px;  color: #ffffff;  font-weight: 700;  text-align: center;  position: relative;  transition: 0.3s ease-in;  height: 130px;  background-color: #10bab9;  margin: 30px auto 15px auto;  line-height: 130px;  border-radius: 2px;  z-index: 0;}.pricing-table .price .month {  font-size: 16px;  font-weight: 600;}.pricing-table .price .dollar {  font-size: 33px;  line-height: 33px;  position: relative;  top: -12px;}.pricing-table .price-footer {position: absolute;  bottom: 0px;  width: 100%;  }.pricing-table .price-footer .order-btn {  display: inline-block;  width: 165px;  height: 50px;  line-height: 50px;  text-align: center;  font-size: 14px;  text-transform: uppercase;  border-radius: 2px;  color: #fff;  transition: 0.5s ease-in;  font-weight: 600;  position: relative;  overflow: hidden;  margin-bottom: 30px;  background-color: #eb4680;}.pricing-table .price-footer .order-btn:hover {  -moz-box-shadow: 0 0 10px #e4e4e4;    -webkit-box-shadow: 0 0 10px #e4e4e4;    -o-box-shadow: 0 0 10px #e4e4e4;}.pricing-table .price-body ul {  margin: 0;  padding: 0;}.pricing-table .price-body ul li {  list-style: none;  display: block;  color: #8997a7;  margin: 0 30px;  padding: 15px 0;  transition: 0.3s ease-in;  background: transparent;}.pricing-table .price-body ul li:last-child {  border-bottom: none;  padding-bottom: 0;  margin-bottom: 0;}.pricing-table .price-body ul li:first-child {  margin-top: 0;}/*--------------------------------------------------------------# Frequently Asked Questions Section--------------------------------------------------------------*/.faq .content h3 {  font-weight: 400;  font-size: 34px;}.faq .content h4 {  font-size: 20px;  font-weight: 700;  margin-top: 5px;}.faq .content p {  font-size: 15px;  color: #6c757d;}.faq .accordion-item {  border: 0;  margin-bottom: 20px;  box-shadow: 0 0 2px 0 rgb(8 66 152 / 33%);  border-radius: 0;}.faq .accordion-item:last-child {  margin-bottom: 0;}.faq .accordion-collapse {  border: 0;}.faq .accordion-button {  padding: 20px 50px 20px 20px;  font-weight: 600;  border: 0;  font-size: 18px;  line-height: 24px;  color: var(--color-default);  text-align: left;  background: #fff;  box-shadow: none;}.faq .accordion-button .num {  padding-right: 10px;  font-size: 30px;  line-height: 0;  color: #10bab9;}.faq .accordion-button:not(.collapsed) {  color: var(--color-primary);  border-bottom: 0;  box-shadow: none;}.faq .accordion-button:after {  position: absolute;  right: 20px;  top: 20px;}.faq .accordion-body {  padding: 0 40px 30px 45px;  border: 0;  border-radius: 10px;  background: #fff;  box-shadow: none;}/*--------------------------------------------------------------# Single Page Section--------------------------------------------------------------*/.single-page ul li {  padding: 15px 21px 15px 20px;  position: relative;  color: rgb(19 20 20 / 80%);  background: #f3f3f3;  margin-bottom: 5px;  border-radius: 2px;}/*--------------------------------------------------------------# Recent Blog Posts Section--------------------------------------------------------------*/.recent-posts article {  box-shadow: 0px 10px 30px rgb(0 0 0 / 10%);  background-color: #f9f9f9;  padding: 30px 30px 71px 30px;  height: 100%;  border-radius: 2px;  overflow: hidden;  text-align: left;  justify-content: center;  align-items: flex-start;}.single-page .recent-posts article {  background-color: #f7f7f7;}.recent-posts .post-img {  max-height: 240px;  margin: -30px -30px 15px -30px;  overflow: hidden;}.recent-posts .post-category {  font-size: 16px;  color: #6f6f6f;  margin-bottom: 10px;}.recent-posts .title {  font-size: 22px;  font-weight: 700;  padding: 0;  margin: 0 0 20px 0;}.recent-posts .title a {  color: var(--color-default);  transition: 0.3s;}.recent-posts .title a:hover {  color: var(--color-primary);}.recent-posts .post-author-img {  width: 50px;  border-radius: 50%;  margin-right: 15px;}.recent-posts .post-author {  font-weight: 600;  margin-bottom: 5px;}.details-post-data .post-sperator {  width: 60px;  text-align: center;  color: #10bab9;}.recent-posts .post-date {  font-size: 14px;  color: #3c3c3c;  margin-bottom: 0;}/*--------------------------------------------------------------# Hero Section--------------------------------------------------------------*/.hero {  width: 100%;  position: relative;  /* background: linear-gradient(rgb(255 255 255 / 76%), rgb(255 255 255 / 63%)), url(../images/hero-bg.jpg) center center; */  background: url(../images/hero-bg.jpg) center center;  background-size: cover;  padding: 60px 0 0 0;  height: 100vh;}.hero::after {  content: '';  width: 100%;  position: absolute;  background-size: cover;  bottom: -2px;  box-shadow: 0 0 29px 0 rgb(0 0 0 / 5%);  height: 10px;}.hero .caption {  height: 100vh;}.hero .heading-secondy {    color: #02336e;    font-size: 63px;    line-height: 60px;    font-weight: 300;    text-transform: uppercase;}@media (min-width: 1365px) {  .hero {    background-attachment: fixed;  }}.fill-button {  background: var(--color-secondary);  border: 0;  padding: 14px 45px;  color: #fff;  transition: 0.4s;  border-radius: 2px;}.hero h2 {  font-size: 88px;  font-weight: 900;  margin-bottom: 0px;  color: #02336e;  font-family: 'Poppins', sans-serif;  text-transform: capitalize;}.hero p {  color: rgb(92 92 92 / 80%);  font-weight: 400;  margin-bottom: 80px;}.hero .btn-get-started {  font-family: var(--font-primary);  font-weight: 500;  font-size: 15px;  letter-spacing: 1px;  display: inline-block;  padding: 14px 40px;  border-radius: 2px;  transition: 0.3s;  color: #ffffff;  background: rgb(235 70 128);  box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);}.hero .btn-get-started:hover {  border-color: rgba(255, 255, 255, 0.5);}.hero .btn-watch-video {  font-size: 16px;  transition: 0.5s;  margin-left: 25px;  color: #eb4680;  font-weight: 600;}.hero .btn-watch-video i {  color: #eb4680;  font-size: 32px;  transition: 0.3s;  line-height: 0;  margin-right: 8px;}@media (max-width: 991px) {  .hero {    width: 100%;    position: relative;    padding: 97px 0 0 0;  }  .hero .h-full{    height: unset;  }  .hero .caption {    height: 353px;    /* justify-content: flex-start !important; */    /* margin-top: 170px; */  }  .hero h2 {    font-size: 60px;    font-weight: 900;    margin-bottom: 0px;    color: #02336e;    font-family: 'Poppins', sans-serif;    text-transform: capitalize;  }  .hero .heading-secondy {    font-size: 36px;  }  .hero h3 {    font-size: 36px;  }  .hero p {    margin-bottom: 30px;  }  .hero .btn-get-started,  .hero .btn-watch-video {    font-size: 14px;  }  .icon-boxes .card-two {    margin-top: var(--bs-gutter-y);    margin-bottom: 0px;    padding-left: calc(var(--bs-gutter-x) * .5);    padding-right: calc(var(--bs-gutter-x) * .5);  }  .hero::after {    display: none;  }}@media (min-width: 768px) {  .hero .btn-get-started,  .hero .btn-watch-video {    font-size: 14px;  }  .icon-boxes .card-two {    margin-top: -20px;    margin-bottom: -20px;  }}.top-icon-box .icon-boxes {  padding-bottom: 60px;}@media (min-width: 1200px) {  .top-icon-box .icon-boxes:before {    content: "";    position: absolute;    bottom: 0;    left: 0;    right: 0;    height: calc(50% + 20px);    background-color: #fff;  }}.top-icon-box .icon-box {  padding: 50px 30px;  position: relative;  overflow: hidden;  background: #ffffff;  box-shadow: 0 0 2px 0 rgb(255 39 7 / 28%);  transition: all 0.3s ease-in-out;  border-radius: 0;  z-index: 1;  height: 100%;  width: 100%;  text-align: center;}.top-icon-box .icon-box .title {  font-weight: 700;  margin-bottom: 15px;  font-size: 24px;}.top-icon-box .icon-box .title a {  color: #10bab9;  transition: 0.3s;}.top-icon-box .icon-box .icon {  margin-bottom: 20px;  padding-top: 10px;  display: inline-block;  transition: all 0.3s ease-in-out;  font-size: 48px;  line-height: 1;  color: rgb(0 0 0 / 60%);}.top-icon-box .icon-box:hover {  background: #222222;}.top-icon-box .icon-box:hover .title a,.top-icon-box .icon-box:hover p,.top-icon-box .icon-box:hover .icon {  color: #fff;}/*--------------------------------------------------------------# Blog--------------------------------------------------------------*/.blog .blog-pagination {  margin-top: 30px;  color: #555555;}.blog .blog-pagination ul {  display: flex;  padding: 0;  margin: 0;  list-style: none;}.blog .blog-pagination li {  margin: 0 5px;  transition: 0.3s;  border-radius: 10px;}.blog .blog-pagination li a {  color: var(--color-default);  padding: 7px 16px;  display: flex;  align-items: center;  justify-content: center;}.blog .blog-pagination li.active,.blog .blog-pagination li:hover {  background: var(--color-primary);  color: #fff;}.blog .blog-pagination li.active a,.blog .blog-pagination li:hover a {  color: var(--color-white);}.blog-sidbar {  background-color: #f6f6f6;  padding: 30px 20px;  border-radius: 8px;}/*--------------------------------------------------------------# Blog Posts List--------------------------------------------------------------*/.blog .posts-list article {  box-shadow: 0 1px 6px rgb(0 0 0 / 10%);  padding: 30px;  height: 100%;  border-radius: 10px;  overflow: hidden;}.blog .posts-list .post-img {  max-height: 240px;  margin: -30px -30px 15px -30px;  overflow: hidden;}.blog .posts-list .post-category {  font-size: 16px;  color: #555555;  margin-bottom: 10px;}.blog .posts-list .title {  font-size: 22px;  font-weight: 700;  padding: 0;  margin: 0 0 20px 0;}.blog .posts-list .title a {  color: var(--color-default);  transition: 0.3s;}.blog .posts-list .title a:hover {  color: var(--color-primary);}.blog .posts-list .post-author-img {  width: 50px;  border-radius: 50%;  margin-right: 15px;}.blog .posts-list .post-author-list {  font-weight: 600;  margin-bottom: 5px;}.blog .posts-list .post-date {  font-size: 14px;  color: #3c3c3c;  margin-bottom: 0;}/*--------------------------------------------------------------# Blog Details--------------------------------------------------------------*/.blog .blog-details {  box-shadow: 0 1px 6px rgb(0 0 0 / 10%);  padding: 30px;  border-radius: 10px;}.blog .blog-details .post-img {  margin: -30px -30px 20px -30px;  overflow: hidden;  border-radius: 10px 10px 0 0;}.blog .blog-details .title {  font-size: 28px;  font-weight: 700;  padding: 0;  margin: 20px 0 0 0;  color: var(--color-default);}.blog .blog-details .content {  margin-top: 20px;}.blog .blog-details .content h3 {  font-size: 22px;  margin-top: 30px;  font-weight: bold;}.blog .blog-details .content blockquote {  overflow: hidden;  background-color: rgba(34, 34, 34, 0.06);  padding: 60px;  position: relative;  text-align: center;  margin: 20px 0;}.blog .blog-details .content blockquote p {  color: var(--color-default);  line-height: 1.6;  margin-bottom: 0;  font-style: italic;  font-weight: 500;  font-size: 22px;}.blog .blog-details .content blockquote:after {  content: "";  position: absolute;  left: 0;  top: 0;  bottom: 0;  width: 3px;  background-color: var(--color-secondary);  margin-top: 20px;  margin-bottom: 20px;}.blog .blog-details .meta-top {  margin-top: 20px;  color: #6c757d;}.blog .blog-details .meta-top ul {  display: flex;  flex-wrap: wrap;  list-style: none;  align-items: center;  padding: 0;  margin: 0;}.blog .blog-details .meta-top ul li+li {  padding-left: 20px;}.blog .blog-details .meta-top i {  font-size: 16px;  margin-right: 8px;  line-height: 0;  color: var(--color-primary);}.blog .blog-details .meta-top a {  color: #6c757d;  font-size: 14px;  display: inline-block;  line-height: 1;}.blog .blog-details .meta-bottom {  padding-top: 10px;  border-top: 1px solid rgba(34, 34, 34, 0.15);}.blog .blog-details .meta-bottom i {  color: #555555;  display: inline;}.blog .blog-details .meta-bottom a {  color: rgba(34, 34, 34, 0.8);  transition: 0.3s;}.blog .blog-details .meta-bottom a:hover {  color: var(--color-primary);}.blog .blog-details .meta-bottom .cats {  list-style: none;  display: inline;  padding: 0 20px 0 0;  font-size: 14px;}.blog .blog-details .meta-bottom .cats li {  display: inline-block;}.blog .blog-details .meta-bottom .tags {  list-style: none;  display: inline;  padding: 0;  font-size: 14px;}.blog .blog-details .meta-bottom .tags li {  display: inline-block;}.blog .blog-details .meta-bottom .tags li+li::before {  padding-right: 6px;  color: var(--color-default);  content: ",";}.blog .blog-details .meta-bottom .share {  font-size: 16px;}.blog .blog-details .meta-bottom .share i {  padding-left: 5px;}.blog .post-author {  padding: 20px;  margin-top: 30px;  box-shadow: 0 1px 6px rgb(0 0 0 / 10%);  border-radius: 10px;}.blog .post-author img {  max-width: 120px;  margin-right: 20px;}.blog .post-author h4 {  font-weight: 600;  font-size: 22px;  margin-bottom: 0px;  padding: 0;  color: var(--color-default);}.blog .post-author .social-links {  margin: 0 10px 10px 0;}.blog .post-author .social-links a {  color: rgba(34, 34, 34, 0.5);  margin-right: 5px;}.blog .post-author p {  font-style: italic;  color: rgba(108, 117, 125, 0.8);  margin-bottom: 0;}/*--------------------------------------------------------------# Blog Sidebar--------------------------------------------------------------*/.blog .sidebar {  padding: 30px;  box-shadow: 0 1px 6px rgb(0 0 0 / 10%);  border-radius: 10px;}.search-form {  position: relative;  overflow: hidden;  border-radius: 2px;}.search-form input {  width: 100%;  padding: 14px 28px;  background: #ffffff;  border: 1px solid #ffffff;  outline: none;}.search-form button {  position: absolute;  right: 0;  background: rgb(235 70 128);  padding: 16px 20px;  border: 2px solid rgb(235 70 128);  top: 0px;}.search-form button i {  color: #fff;  font-size: 22px;}.blog .sidebar .sidebar-title {  font-size: 20px;  font-weight: 700;  padding: 0;  margin: 0;  color: var(--color-default);}.blog .sidebar .sidebar-item+.sidebar-item {  margin-top: 40px;}.blog .sidebar .search-form form {  background: #fff;  border: 1px solid rgba(34, 34, 34, 0.3);  padding: 5px 10px;  position: relative;  border-radius: 50px;}.blog .sidebar .search-form form input[type=text] {  border: 0;  padding: 4px;  border-radius: 50px;  width: calc(100% - 60px);}.blog .sidebar .search-form form input[type=text]:focus {  outline: none;}.blog .sidebar .search-form form button {  position: absolute;  top: 0;  right: 0;  bottom: 0;  border: 0;  background: none;  font-size: 16px;  padding: 0 25px;  margin: -1px;  background: var(--color-primary);  color: #fff;  transition: 0.3s;  border-radius: 50px;  line-height: 0;}.blog .sidebar .search-form form button i {  line-height: 0;}.blog .sidebar .search-form form button:hover {  background: rgba(0, 131, 116, 0.8);}.blog .sidebar .categories ul {  list-style: none;  padding: 0;}.blog .sidebar .categories ul li+li {  padding-top: 10px;}.blog .sidebar .categories ul a {  color: var(--color-default);  transition: 0.3s;}.blog .sidebar .categories ul a:hover {  color: var(--color-primary);}.blog .sidebar .categories ul a span {  padding-left: 5px;  color: rgba(34, 34, 34, 0.4);  font-size: 14px;}.blog .sidebar .recent-posts .post-item+.post-item {  margin-top: 15px;}.blog .sidebar .recent-posts img {  width: 80px;  float: left;}.blog .sidebar .recent-posts h4 {  font-size: 15px;  margin-left: 95px;  font-weight: bold;}.blog .sidebar .recent-posts h4 a {  color: var(--color-default);  transition: 0.3s;}.blog .sidebar .recent-posts h4 a:hover {  color: var(--color-primary);}.blog .sidebar .recent-posts time {  display: block;  margin-left: 95px;  font-style: italic;  font-size: 14px;  color: rgba(34, 34, 34, 0.4);}.blog .sidebar .tags {  margin-bottom: -10px;}.blog .sidebar .tags ul {  list-style: none;  padding: 0;}.blog .sidebar .tags ul li {  display: inline-block;}.blog .sidebar .tags ul a {  color: #555555;  font-size: 14px;  padding: 6px 20px;  margin: 0 6px 8px 0;  border: 1px solid #d5d5d5;  display: inline-block;  transition: 0.3s;  border-radius: 50px;}.blog .sidebar .tags ul a:hover {  color: #fff;  border: 1px solid var(--color-primary);  background: var(--color-primary);}.blog .sidebar .tags ul a span {  padding-left: 5px;  color: rgba(85, 85, 85, 0.8);  font-size: 14px;}/*--------------------------------------------------------------# Pagination Comments--------------------------------------------------------------*/.pagination {  display: flex;  align-items: center;  justify-content: center;  gap: 16px;  margin-top: 200px;}.pages {  display: flex;  flex-direction: row;  gap: 20px;}.page {  height: 40px;  width: 60px;  border-radius: 2px;  cursor: pointer;  display: flex;  align-items: center;  justify-content: center;  gap: 10px;}.page:hover {  background-color: #10bab9;  color: #fff;}.active {  background-color: #10bab9;  color: #fff;}.btn {  background-color: #fff;  border: 1px solid #10bab9;  height: 40px;  width: 60px;  border-radius: 2px;  cursor: pointer;  display: flex;  align-items: center;  justify-content: center;}.btn:hover {  background-color: #10bab9;}.btn--icon {  height: 24px;  width: 24px;  stroke: #10bab9;}.btn--icon:hover {  stroke: #fff;}/*--------------------------------------------------------------# Blog Comments--------------------------------------------------------------*/.blog .comments {  margin-top: 30px;}.blog .comments .comments-count {  font-weight: bold;}.blog .comments .comment {  margin-top: 30px;  position: relative;}.blog .comments .comment .comment-img {  margin-right: 14px;}.blog .comments .comment .comment-img img {  width: 60px;}.blog .comments .comment h5 {  font-size: 16px;  margin-bottom: 2px;}.blog .comments .comment h5 a {  font-weight: bold;  color: var(--color-default);  transition: 0.3s;}.blog .comments .comment h5 a:hover {  color: var(--color-primary);}.blog .comments .comment h5 .reply {  padding-left: 10px;  color: var(--color-primary);}.blog .comments .comment h5 .reply i {  font-size: 20px;}.blog .comments .comment time {  display: block;  font-size: 14px;  color: rgba(34, 34, 34, 0.8);  margin-bottom: 5px;}.blog .comments .comment.comment-reply {  padding-left: 40px;}.blog .comments .reply-form {  margin-top: 30px;  padding: 30px;  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);  border-radius: 10px;}.blog .comments .reply-form h4 {  font-weight: bold;  font-size: 22px;}.blog .comments .reply-form p {  font-size: 14px;}.blog .comments .reply-form input {  border-radius: 4px;  padding: 10px 10px;  font-size: 14px;}.blog .comments .reply-form input:focus {  box-shadow: none;  border-color: rgba(0, 131, 116, 0.8);}.blog .comments .reply-form textarea {  border-radius: 4px;  padding: 10px 10px;  font-size: 14px;}.blog .comments .reply-form textarea:focus {  box-shadow: none;  border-color: rgba(0, 131, 116, 0.8);}.blog .comments .reply-form .form-group {  margin-bottom: 25px;}.blog .comments .reply-form .btn-primary {  border-radius: 50px;  padding: 14px 40px;  border: 0;  background-color: var(--color-secondary);}.blog .comments .reply-form .btn-primary:hover {  background-color: rgba(248, 90, 64, 0.8);}/*--------------------------------------------------------------# Comming Soon--------------------------------------------------------------*/#coming-soon-background {  position: fixed;  top: 0;  left: 0;  min-width: 100%;  min-height: 100%;  width: auto;  height: auto;  z-index: -100;  background: url('../images/cta-bg.jpg');  background-size: cover;  overflow: hidden;}#coming-soon-background::after {  content: '';  position: fixed;  top: 0;  left: 0;  min-width: 100%;  min-height: 100%;  width: auto;  height: auto;  z-index: -100;  opacity: 0.9;  background: #000000;}.coming-soon {  position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;  margin: 0 auto;  right: 0;  bottom: 0;  display: flex;  align-items: center;}.coming-soon #coming-soon,.coming-soon #coming-soon {  width: 100%;  text-align: center;}.coming-soon #coming-soon .title,.coming-soon #coming-soon .title {  color: white;  font-family: "Quicksand", sans-serif;  font-size: 4rem;  text-transform: uppercase;  padding-bottom: 0px;  margin-bottom: 0px;}.coming-soon #coming-soon .title span,.coming-soon #coming-soon .title span {  font-size: 4rem;  cursor: pointer;}.coming-soon #coming-soon .title:hover,.coming-soon #coming-soon .title:hover {  -webkit-animation: MISSION-HOVER 1.5s infinite;  animation: MISSION-HOVER 1.5s infinite;  -webkit-animation-direction: alternate;  animation-direction: alternate;  -webkit-animation-timing-function: ease;  animation-timing-function: ease;}@-webkit-keyframes MISSION-HOVER {  0%,  100% {    font-size: 4rem;    color: white;  }  50% {    color: #bffcff;    letter-spacing: 5px;    text-shadow: 0px 0px 30px #bffcff;  }}.coming-soon #coming-soon p,.coming-soon #coming-soon p {  color: #10bab9;  font-family: "Quicksand", sans-serif;  font-size: 1.5rem;  margin: 0 auto;  padding: 0;  letter-spacing: 0.5rem;  text-transform: uppercase;}.coming-soon #coming-soon p:last-child,.coming-soon #coming-soon p:last-child {  font-size: 0.75rem;  font-weight: 700;  margin: 3em auto;  padding: 0;  letter-spacing: 0.1rem;}.coming-soon #coming-soon p:last-child>a,.coming-soon #coming-soon p:last-child>a {  text-decoration: none;  transition: all 0.2s ease-in;}.coming-soon #coming-soon p:last-child>a:hover,.coming-soon #coming-soon p:last-child>a:hover {  color: #fff;}.coming-soon #coming-soon section,.coming-soon #coming-soon section {  color: #fff;  margin: 0 auto;  line-height: 24px;  font-size: 1rem;  font-weight: 700;}.coming-soon #coming-soon section ul,.coming-soon #coming-soon section ul {  list-style-type: none;  margin-bottom: 0;  margin-left: 0;}.coming-soon #coming-soon section ul li,.coming-soon #coming-soon section ul li {  display: inline-block;  margin-right: 2rem;  width: 6rem;}.coming-soon #coming-soon section .timenumbers,.coming-soon #coming-soon section .timenumbers {  display: block;  font-size: 1.3rem;  font-weight: 400;  line-height: 1.5rem;  margin: 0 auto;  text-align: center;}.coming-soon #coming-soon section p.timedescription,.coming-soon #coming-soon section p.timedescription {  font-size: 0.5rem;  font-variant: small-caps;  line-height: 1.5rem;  margin: 0 auto;  text-align: center;  position: relative;  top: 0px;}/**************************************  Contact **************************************/.contact-section .contact-form-3 form .form-control {  font-size: 15px;  width: 100%;  padding: 10px 20px;  height: 52px;  color: #333;  border: none;  background-color: #f3f3f3;  font-weight: 600;  border-radius: 0;  text-transform: capitalize;  transition: all 0.4s;}.contact-section .contact-form-3 form input:focus,.contact-section .contact-form-3 form textarea:focus {  outline: none;  border: none;  -webkit-box-shadow: none;  box-shadow: none;}.contact-information-box-3 {  background: #10bab9;  padding: 25px 20px;  border-radius: 0;  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.03);  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.03);  margin-bottom: 50px;}.contact-information-box-3 .single-contact-info-box {  position: relative;  z-index: 1;  padding: 10px 10px;  display: block;  border-radius: 3px;  text-align: left;  margin-bottom: 10px;  overflow: hidden;}.contact-information-box-3 .contact-info {  position: relative;  z-index: 1;}.contact-information-box-3 .contact-info h6 {  font-weight: 600;  font-size: 18px;  color: #ffffff;  margin-bottom: 7px;  text-transform: capitalize;}.contact-information-box-3 .contact-info p {  color: #fff;  font-size: 14px;  font-weight: 500;  margin: 0;}.contact-information-box-3 .single-contact-info-box .contact-info-bg-icon {  color: #f44336;  opacity: .2;  position: absolute;  left: 0;  right: 0;  bottom: -25px;  margin: 0 auto;  z-index: -1;  -webkit-transition: 0.5s;  transition: 0.5s;}.contact-information-box-3 .single-contact-info-box .contact-info-bg-icon i {  font-size: 100px;}.contact-section .contact-form .form-group {  margin-bottom: 30px;}.contact-section .contact-form form textarea.form-control {  height: auto;  padding-top: 15px;  line-height: initial;}.contact-section .form-message {  margin: 0;}.contact-form button[type=submit] {  background: #eb4680;  border: 0;  padding: 14px 45px;  color: #fff;  transition: 0.4s;  border-radius: 0;}.contact-section .form-message.success {  background: #03b103;  color: #fff;  padding: 10px 15px;  border-radius: 3px;  margin-bottom: 30px;}.contact-section .form-message.error {  background: #ff4d15;  color: #fff;  padding: 10px 15px;  border-radius: 3px;  margin-bottom: 30px;}.contact-area .form-message.success {  background: #03b103;  color: #fff;  padding: 10px 15px;  border-radius: 3px;  display: block;  margin-bottom: 15px;}.contact-area .form-message.error {  background: #ff4d15;  color: #fff;  padding: 10px 15px;  border-radius: 3px;  display: block;  margin-bottom: 15px;}.with-errors {  color: #dc3545;}.messages {  margin-top: 30px;}.alert-success {  margin-left: 15px;}.hidden {  display: none;}/*--------------------------------------------------------------# Footer--------------------------------------------------------------*/.main-footer {  position: relative;  background: url(../images/world-map.png) #222222;  background-repeat: no-repeat;  background-position: center center;  background-size: cover;}.footer-widget {  margin-bottom: 40px;}.footer-content {  position: relative;  padding: 85px 0px 80px 0px;}.footer-content .logo-widget {  position: relative;  margin-top: -5px;}.footer-content .logo-widget .footer-social li {  position: relative;  display: inline-block;  margin-right: 9px;}.footer-content .logo-widget .footer-social li:last-child {  margin-right: 0px;}.footer-content .logo-widget .footer-social li a {  position: relative;  display: inline-block;  width: 42px;  height: 42px;  line-height: 42px;  background: #2e3138;  color: #9ea0a9;  text-align: center;  border-radius: 2px;}.footer-content .logo-widget .footer-social li a:hover {  color: #ffffff;  background: #10bab9;}.footer-content .logo-widget .logo-box {  margin-bottom: 25px;}.footer-content .logo-widget .text p {  color: #9ea0a9;  margin-bottom: 32px;}.footer-content .footer-title {  position: relative;  font-size: 24px;  line-height: 35px;  color: #10bab9;  font-weight: 700;  margin-bottom: 27px;}.footer-content .service-widget .list li {  display: block;  margin-bottom: 12px;}.footer-content .service-widget .list li a {  position: relative;  display: inline-block;  color: #9ea0a9;}.footer-content .service-widget .list li a:hover {  color: #10bab9;}.footer-content .contact-widget p {  color: #9ea0a9;  margin-bottom: 15px;}.footer-content .contact-widget {  margin-left: 0;}.footer-content .contact-widget .footer-title {  margin-bottom: 29px;}/** footer-bottom **/.footer-bottom {  position: relative;  background: #0f0f0f;  padding: 25px 0px 22px 0px;}.footer-bottom .copyright,.footer-bottom .copyright a,.footer-bottom .footer-nav li a {  position: relative;  color: #9ea0a9;}.footer-bottom .copyright a:hover,.footer-bottom .footer-nav li a:hover {  color: #10bab9;}.footer-bottom .footer-nav {  position: relative;  text-align: right;}.footer-bottom .footer-nav li {  position: relative;  display: inline-block;  margin-left: 29px;}.footer-bottom .footer-nav li:first-child {  margin-left: 0px;}.footer-bottom .footer-nav li:before {  position: absolute;  content: '';  background: #9ea0a9;  width: 1px;  height: 14px;  top: 7px;  left: -18px;}.footer-bottom .footer-nav li:first-child:before {  display: none;}@media (max-width: 991px) {  .footer-bottom .footer-nav,  .footer-bottom {    text-align: center;  }}.logo-box img {  max-width: 220px;}/*-------------------------------------------------------------- ** Map --------------------------------------------------------------*/.map-content #contact-map {  position: relative;  width: 100%;  height: 400px;  border: 0;  margin-bottom: -2px;}/*-------------------------------------------------------------- ** guarantee --------------------------------------------------------------*/.guarantee-services-item {  position: relative;  z-index: 1;  display: flex;  padding: 35px 30px;  text-align: left;  border-radius: 10px;  margin-top: 0;  overflow: hidden;  -webkit-transition: all 500ms ease-out;  transition: all 500ms ease-out;  background: #10bab9;  margin-bottom: 20px;}.guarantee-services-icon {  display: inline-block;  -webkit-transition: 0.5s;  transition: 0.5s;  margin-right: 20px;}.guarantee-services-icon i {  color: #fff;  font-size: 70px;  line-height: 70px;  display: block;  margin: auto;  border-radius: 50%;  -webkit-transition: 0.5s;  transition: 0.5s;}.guarantee-services-item h3 {  font-weight: 600;  -webkit-transition: all 400ms ease-out;  transition: all 400ms ease-out;  color: #fff;}.guarantee-services-item p {  -webkit-transition: all 400ms ease-out;  transition: all 400ms ease-out;  color: #fff;}/*--------------------------------------------------------------# Portfolio Section--------------------------------------------------------------*/.portfolio .portfolio-flters {  padding: 0 0 40px 0;  margin: 0 auto;  list-style: none;  text-align: center;}.portfolio .portfolio-flters li {  cursor: pointer;  display: inline-block;  padding: 0;  font-size: 18px;  font-weight: 500;  margin: 0 10px;  line-height: 1;  transition: all 0.3s ease-in-out;  padding: 15px 25px;  background: #f3f3f3;  border-radius: 2px;  margin-bottom: 20px;}.portfolio .portfolio-flters li:hover,.portfolio .portfolio-flters li.filter-active {  color: #eb4680;}.portfolio .portfolio-flters li:first-child {  margin-left: 0;}.portfolio .portfolio-flters li:last-child {  margin-right: 0;}@media (max-width: 575px) {  .portfolio .portfolio-flters li {    font-size: 14px;  }}.portfolio .portfolio-wrap {  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);  border-radius: 2px;  height: 100%;  overflow: hidden;}.portfolio .portfolio-wrap img {  transition: 0.3s;  position: relative;  z-index: 1;}.portfolio .portfolio-wrap .portfolio-info {  padding: 25px 20px;  background-color: #fff;  position: relative;  border-top: 1px solid #f3f3f3;  z-index: 2;}.portfolio .portfolio-wrap .portfolio-info h4 {  font-size: 18px;  font-weight: 600;  padding-right: 50px;  margin-bottom: 20px;}.portfolio .portfolio-wrap .portfolio-info h4 a {  color: var(--color-default);  transition: 0.3s;}.portfolio .portfolio-wrap .portfolio-info h4 a:hover {  color: var(--color-primary);}.portfolio .portfolio-wrap .portfolio-info p {  color: #6c757d;  font-size: 14px;  margin-bottom: 0;  padding-right: 50px;}.portfolio .portfolio-wrap:hover img {  transform: scale(1.1);}/*--------------------------------------------------------------# Portfolio Details Section--------------------------------------------------------------*/.portfolio-details .portfolio-details-slider img {  width: 100%;}.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {  width: 12px;  height: 12px;  background-color: rgba(255, 255, 255, 0.7);  opacity: 1;}.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {  background-color: var(--color-primary);}.portfolio-details .swiper-button-prev,.portfolio-details .swiper-button-next {  width: 48px;  height: 48px;}.portfolio-details .swiper-button-prev:after,.portfolio-details .swiper-button-next:after {  color: rgba(255, 255, 255, 0.8);  background-color: rgba(0, 0, 0, 0.2);  font-size: 24px;  border-radius: 50%;  width: 48px;  height: 48px;  display: flex;  align-items: center;  justify-content: center;  transition: 0.3s;}.portfolio-details .swiper-button-prev:hover:after,.portfolio-details .swiper-button-next:hover:after {  background-color: rgba(0, 0, 0, 0.6);}@media (max-width: 575px) {  .portfolio-details .swiper-button-prev,  .portfolio-details .swiper-button-next {    display: none;  }}.portfolio-details .portfolio-info h3 {  font-size: 22px;  font-weight: 700;  margin-bottom: 20px;  padding-bottom: 20px;  position: relative;}.portfolio-details .portfolio-info h3:after {  content: "";  position: absolute;  display: block;  width: 50px;  height: 3px;  background: #10bab9;  left: 0;  bottom: 0;}.portfolio-details .portfolio-info ul {  list-style: none;  padding: 0;  font-size: 15px;}.portfolio-details .portfolio-info ul li {  display: flex;  flex-direction: column;  padding-bottom: 15px;  font-size: 16px;}.portfolio-details .portfolio-info ul strong {  text-transform: uppercase;  font-weight: 400;  color: #9c9c9c;  font-size: 12px;}.portfolio-details .portfolio-info .btn-visit {  padding: 8px 40px;  background: #eb4680;  color: #fff;  border-radius: 2px;  transition: 0.3s;}.portfolio-details .portfolio-info .btn-visit:hover {  background: #eb4680;}.portfolio-details .portfolio-description h2 {  font-size: 26px;  font-weight: 700;  margin-bottom: 20px;  margin-top: 20px;}.portfolio-details .portfolio-description p {  padding: 0;}.project-deatils-aside .testimonial-item {  padding: 30px 30px 0 30px;  position: relative;  background: white;  height: 100%;  margin-bottom: 50px;}.project-deatils-aside .testimonial-item .testimonial-img {  width: 90px;  border-radius: 2px;  border: 6px solid #fff;  float: left;  margin: 0 10px 0 0;}.project-deatils-aside .testimonial-item h3 {  font-size: 18px;  font-weight: bold;  margin: 15px 0 5px 0;  padding-top: 20px;}.project-deatils-aside .testimonial-item h4 {  font-size: 14px;  color: #6c757d;  margin: 0;}.project-deatils-aside .testimonial-item .quote-icon-left,.project-deatils-aside .testimonial-item .quote-icon-right {  color: #10bab9;  font-size: 26px;  line-height: 0;}.project-deatils-aside .testimonial-item .quote-icon-left {  display: inline-block;  left: -5px;  position: relative;}.project-deatils-aside .testimonial-item .quote-icon-right {  display: inline-block;  right: -5px;  position: relative;  top: 10px;  transform: scale(-1, -1);}.project-deatils-aside .testimonial-item p {  font-style: italic;  margin: 0 0 15px 0 0 0;  padding: 0;}/*-------------------------------------------------------------- ** Main Services --------------------------------------------------------------*/.site-heading h2 {  display: block;  font-weight: 700;  margin-bottom: 10px;  text-transform: uppercase;}.section-header h2 span {  color: #10bab9;}.site-heading h2 span {  color: #10bab9;}.site-heading h4 {  display: inline-block;  padding-bottom: 20px;  position: relative;  text-transform: capitalize;  z-index: 1;}.site-heading h4::before {  background: #10bab9 none repeat scroll 0 0;  bottom: 0;  content: "";  height: 2px;  left: 50%;  margin-left: -25px;  position: absolute;  width: 50px;}.site-heading {  margin-bottom: 60px;  overflow: hidden;  margin-top: -5px;}.carousel-shadow .owl-stage-outer {  margin: -15px -15px 0;  padding: 15px;}.the-main-service .our-offer-carousel .owl-dots .owl-dot span {  background: #ffffff none repeat scroll 0 0;  border: 2px solid;  height: 15px;  margin: 0 5px;  width: 15px;}.the-main-service .our-offer-carousel .owl-dots .owl-dot.active span {  background: #10bab9 none repeat scroll 0 0;  border-color: #10bab9;}.the-main-service .item {  background: #ffffff none repeat scroll 0 0;  border-left: 2px solid #02336e;  -moz-box-shadow: 0 0 10px #e4e4e4;  /* -webkit-box-shadow: 0 0 10px #e4e4e4; */  -o-box-shadow: 0 0 10px #e4e4e4;  /* box-shadow: 0 0 10px #e4e4e4; */  overflow: hidden;  padding: 30px;  position: relative;  z-index: 1;  border-radius: 2px;}.the-main-service.text-center .item {  background: #ffffff none repeat scroll 0 0;  border: medium none;  padding: 40px;}.the-main-service.text-center .item i {  /* background: #02336e none repeat scroll 0 0; */  -webkit-border-radius: 2px;  -moz-border-radius: 2px;  border-radius: 2px;  color: #10bab9;  font-size: 40px;  height: 80px;  line-height: 80px;  /* position: relative; */  text-align: center;  width: 80px;  z-index: 1;  transition: all 0.35s ease-in-out;  -webkit-transition: all 0.35s ease-in-out;  -moz-transition: all 0.35s ease-in-out;  -ms-transition: all 0.35s ease-in-out;  -o-transition: all 0.35s ease-in-out;  margin-bottom: 25px;}/*.the-main-service.text-center .item i::after {  border: 2px solid #10bab9;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%;  content: "";  height: 90px;  display: none;  left: 0px;  right: 0px;  position: absolute;  top: -5px;  width: 90px;  z-index: -1;  transition: all 0.35s ease-in-out;  -webkit-transition: all 0.35s ease-in-out;  -moz-transition: all 0.35s ease-in-out;  -ms-transition: all 0.35s ease-in-out;  -o-transition: all 0.35s ease-in-out;}*/.the-main-service.item-border-less .item {  border: medium none;}.the-main-service .our-offer-items.less-carousel .equal-height {  margin-bottom: 30px;}.the-main-service.item-border-less .item .number {  font-family: "Poppins", sans-serif;  font-size: 50px;  font-weight: 900;  opacity: 0.1;  position: absolute;  right: 30px;  top: 30px;}.our-offer-carousel.center-active .owl-item:nth-child(2n) .item,.the-main-service.center-active .single-item:nth-child(2n) .item {  background: #10bab9 none repeat scroll 0 0;}.our-offer-carousel.center-active .owl-item:nth-child(2n) .item i,.our-offer-carousel.center-active .owl-item:nth-child(2n) .item h4,.our-offer-carousel.center-active .owl-item:nth-child(2n) .item p,.the-main-service.center-active .single-item:nth-child(2n) .item i,.the-main-service.center-active .single-item:nth-child(2n) .item h4,.the-main-service.center-active .single-item:nth-child(2n) .item p {  color: #ffffff;}.the-main-service .item i {  color: #10bab9;  display: inline-block;  font-size: 60px;  margin-bottom: 20px;}.the-main-service .item h4 {  font-weight: 600;  text-transform: capitalize;}.the-main-service .item p {  margin: 0;}.the-main-service .item i,.the-main-service .item h4,.the-main-service .item p {  transition: all 0.35s ease-in-out;  -webkit-transition: all 0.35s ease-in-out;  -moz-transition: all 0.35s ease-in-out;  -ms-transition: all 0.35s ease-in-out;  -o-transition: all 0.35s ease-in-out;}.the-main-service .item::after {  background: #02336e none repeat scroll 0 0;  content: "";  height: 100%;  left: -100%;  position: absolute;  top: 0;  transition: all 0.35s ease-in-out;  -webkit-transition: all 0.35s ease-in-out;  -moz-transition: all 0.35s ease-in-out;  -ms-transition: all 0.35s ease-in-out;  -o-transition: all 0.35s ease-in-out;  width: 100%;  z-index: -1;}.the-main-service .item:hover::after {  left: 0;}.the-main-service .item:hover i,.the-main-service .item:hover h4,.the-main-service .item:hover p {  color: #ffffff !important;}.the-main-service.text-center .item:hover i::after {  border-color: #ffffff !important;}.the-main-service.text-center .item:hover i {  color: #ffffff !important;}.the-main-service.text-left .item i {  background: #10bab9 none repeat scroll 0 0;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%;  color: #ffffff;  display: inline-block;  font-size: 60px;  height: 100px;  line-height: 100px;  margin-bottom: 30px;  position: relative;  width: 100px;  z-index: 1;  text-align: center;}.the-main-service.text-left .item i::after {  border: 2px solid #10bab9;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%;  content: "";  height: 120px;  left: -10px;  position: absolute;  top: -10px;  width: 120px;}