/**
 * Stylesheet:  style.css
 * Theme:       Labotrex - Laboratory & Science Research HTML5 Template
 * Version:     1.0
 * Author:     	BoomDevs
 * 
 */
/* Table of contents
=========================
// 1.Preloader
// 2.Scrollup
// 3.Nav Menu
// 4.Slider Section
// 5.Info Card
// 6.Icon Card
// 7.About Image Card
// 8.About Info Card
// 9.Counter Card
// 10.Brand Marquee
// 11.Testimonial Card
// 12.Accordion Card
// 13.Client Logo Card
// 14.Post Card
// 15.Skill Progress Card
// 16.Call To Action Card
// 17.Title Card
// 18.Breadcrumb
// 19.Pagination's
// 20.Project Details Page
// 21.Sidebar
// 22.Comment List
// 23. Image Card
// 24.Comment Form
// 25.Team Member
// 26.Portfolio
// 27.Video Popup Modal Card
// 28.Portfolio Slider
// 29.Flip Image Card
// About Page
// Contact Page
// Service Page
// Team Page
// Footer


===========================*/
/* Theme Default CSS */
* {
  margin: 0;
  border: 0;
  outline: none;
}

html,
body {
  height: 100%;
  font-size: 18px;
  font-weight: 400;
  font-family: "Questrial", sans-serif;
  color: #525256;
  vertical-align: baseline;
  line-height: 32px;
  direction: ltr;
}

p {
  margin: 0 0 15px;
}

img {
  max-width: 100%;
  height: auto;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Urbanist", sans-serif;
  font-weight: 600;
  color: #292929;
  font-style: normal;
  transition: all 0.5s ease-out;
}

h1 {
  font-size: 2.5em;
  font-weight: 600;
  line-height: 77px;
  letter-spacing: -0.96px;
}

h2 {
  font-size: 36px;
  font-weight: 600;
  line-height: 58px;
  letter-spacing: -0.72px;
}

h3 {
  font-size: 26px;
  font-weight: 600;
  line-height: 46px;
  letter-spacing: -0.54px;
}

h4 {
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: -0.42px;
}

h5 {
  font-size: 20px;
  line-height: 34px;
  font-weight: 600;
}

h6 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
}

button {
  cursor: pointer;
  transition: all 0.5s ease-out;
}

.post-thumbnail-grid {
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
  border-radius: 10px;
}

.logo-home {
  font-size: 2em;
  display: block;
  padding: 42px 0px 42px 0px;
  text-decoration: none;
  text-transform: capitalize;
  transition: all 0.5s ease-out;
  position: relative;
  color: #292929;
  font-family: "Urbanist", sans-serif;
  font-weight: 700;
}

a:not([href]):not([tabindex]) {
  text-decoration: none;
}

a,
.button {
  text-decoration: none;
  transition: all 0.5s ease-out;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus {
  color: #7ECAEB;
  text-decoration: none;
  transition: all 0.5s ease-out;
}

a,
button {
  color: #7ECAEB;
  outline: medium none;
  transition: all 0.5s ease-out;
}
a:hover,
button:hover {
  color: #7ECAEB;
  transition: all 0.5s ease-out;
}

button:focus {
  outline: 0;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.breadcrum-blog {
  background-color: beige;
}

::-moz-selection {
  background: #292929;
  text-shadow: none;
  color: #fff;
}

::selection {
  background: #292929;
  text-shadow: none;
  color: #fff;
}

.blog-area {
  padding-top: 120px;
  padding-bottom: 80px;
}

@media (max-width: 991px) {
  
  .blog-area {
    padding-top: 100px;
    padding-bottom: 52px;
  }
}
@media (max-width: 767px) {
  
  .blog-area {
    padding-top: 80px;
    padding-bottom: 32px;
  }
}

code {
  color: #CFF480;
}

.theme-btn {
  padding: 25px 44px;
  font-family: "Urbanist", sans-serif;
  font-size: 20px;
  line-height: initial;
  font-weight: 600;
  background-color: #CFF480;
  color: #292929;
  border-radius: 50px;
  text-transform: capitalize;
  white-space: nowrap;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .theme-btn {
    padding: 17px 38px;
  }
}
@media (max-width: 1199px) {
  .theme-btn {
    padding: 14px 32px;
    font-size: 18px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 576px) {
  .theme-btn {
    padding: 12px 28px;
  }
}
.theme-btn:hover {
  background-color: #292929;
  color: #ffffff;
  transition: all 0.5s ease-out;
}

.btn-wrapper {
  display: inline-flex;
  align-items: center;
  cursor: pointer !important;
}
.btn-wrapper:hover .theme-btn {
  background-color: #292929;
  color: #ffffff;
  transition: all 0.5s ease-out;
}

/* Deafult Margin & Padding */
/*-- Margin Top --*/

.mt-30 {
  margin-top: 30px;
}

/*-- Margin Bottom --*/

.mb-40 {
  margin-bottom: 40px;
}

/*-- Padding Top --*/

.pt-80 {
  padding-top: 80px;
}

/*-- Padding Bottom --*/

/*-- Padding Left --*/

/*-- Padding Right --*/

/** padding top & bottom **/

/** padding left & right **/

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .py-sm-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .py-md-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .py-lg-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .pt-sm-60 {
    padding-top: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-md-80 {
    padding-top: 80px;
  }
}

/* WordPress Core
===================*/
body {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  overflow-x: hidden;
}

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

ol {
  padding-left: 20px;
}

ul {
  list-style: disc;
  padding-left: 20px;
}

/* Protected Post Type */

/* Table */

/* Text meant only for screen readers. */

/*
 Caption
============================*/

/*
 Galleries
============================*/

/*
 Alignments
============================*/

/*
 Block Unit Test Widget
============================*/

/* Search Widget */

/*
 Media
============================*/

/* Recent Comment List Block Widget & Latest Post Widget Block */

@keyframes MovefadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@-webkit-keyframes pulse {
  to {
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
}
@-moz-keyframes pulse {
  to {
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
}
@-ms-keyframes pulse {
  to {
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
}
@keyframes pulse {
  to {
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
}
@-webkit-keyframes animatelinebar {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(25px);
    transform: translateX(25px);
  }
}
@keyframes animatelinebar {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(25px);
    transform: translateX(25px);
  }
}
@-webkit-keyframes slideUpIn {
  0% {
    -webkit-transform: translateY(40px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
  0% {
    -webkit-transform: translateY(40px);
  }
}
@keyframes slideUpIn {
  0% {
    transform: translateY(40px);
  }
  100% {
    transform: translateY(0);
  }
  0% {
    transform: translateY(40px);
  }
}
@-webkit-keyframes MoveLeftRight {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-20px);
  }
}
@keyframes MoveLeftRight {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-20px);
  }
}
@-webkit-keyframes MoveUpDown {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-30px);
  }
}
@keyframes MoveUpDown {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-30px);
  }
}
@-webkit-keyframes Animated3 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-20px);
  }
}
@keyframes Animated3 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-20px);
  }
}
@-webkit-keyframes Animated4 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-10px);
  }
}
@keyframes Animated4 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-10px);
  }
}
@keyframes UpToDown {
  49% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes Scroll {
  0% {
    transform: translateX(-50vw);
    transform: translateX(-50vw);
  }
  100% {
    transform: translateX(50vw);
    transform: translateX(50vw);
  }
}
@keyframes spin {
  100% {
    transform: rotate(359deg);
  }
}
@keyframes borderAnimation {
  from {
    background-position: 0 0, -23px 0, 100% -23px, 0 100%;
  }
  to {
    background-position: 0 -23px, 0 0, 100% 0, -23px 100%;
  }
}
@keyframes icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-20px);
  }
  60% {
    transform: translateY(-10px);
  }
}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 9999999;
  right: 0;
  bottom: 0;
}
.header-area.style-1 .header-menu-area {
  top: 0;
}

.header-menu-area {
  position: fixed;
  top: 20px;
  left: 0;
  width: 100%;
  z-index: 999;
  padding: 0 0px;
  transition: all 0.5s ease-out;
}
.header-menu-area.sticky-header {
  width: 100%;
  z-index: 999;
  transition: all 0.4s ease 0s;
  background-color: white;
}
.header-menu-area .logo {
  position: relative;
  z-index: 999;
  height: 116px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-menu-area .logo {
    height: 100px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .header-menu-area .logo {
    height: 80px;
  }
}
.header-menu-area .logo .standard-logo img {
  transition: all 0.5s ease-out;
}
.header-menu-area .logo .sticky-logo {
  display: none;
}
.header-menu-area .logo .sticky-logo img {
  transition: all 0.5s ease-out;
}
.header-menu-area .logo .retina-logo {
  display: none;
}

.main-menu ul {
  margin: 0;
  padding: 0;
  position: relative;
}
.main-menu ul li {
  display: inline-block;
  padding: 0;
  position: relative;
}
.main-menu ul li.active {
  position: relative;
}
.main-menu ul li.active > a {
  color: #7ECAEB;
}
.main-menu ul li a {
  display: block;
  padding: 42px 24px;
  text-decoration: none;
  text-transform: capitalize;
  transition: all 0.5s ease-out;
  position: relative;
  color: #292929;
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-weight: 500;
}
.main-menu ul li a:before {
  position: absolute;
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  padding: 3px;
  font-size: 14px;
  top: 50%;
  right: 6px;
  line-height: 0;
  visibility: hidden;
}
.main-menu ul li a:hover {
  color: #7ECAEB;
}
.main-menu ul li:hover > ul {
  visibility: visible;
  transition: all 300ms ease;
  opacity: 1;
  transform: scaleY(1);
}
.main-menu ul li ul li:hover ul {
  visibility: visible;
  top: -2px;
}
.main-menu ul ul {
  background-color: #ffffff;
  left: 0;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 100%;
  visibility: hidden;
  z-index: 99999;
  transition: all 300ms ease;
  border-top: 2px solid #7ECAEB;
  box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  transform-origin: top;
  transform: scaleY(0);
  padding: 20px;
  border-radius: 9px;
}
.main-menu ul ul li {
  float: none;
  min-width: 210px;
}
.main-menu ul ul li ul {
  visibility: hidden;
}
.main-menu ul ul li i {
  float: right;
}
.main-menu ul ul li a {
  line-height: initial;
  padding: 10px 0;
  color: #292929;
  margin-left: 0;
  font-size: 16px;
  border-radius: 50px;
  transition: all 0.5s ease-out;
}
.main-menu ul ul li a:hover {
  background-color: #7ECAEB;
  color: #ffffff;
  padding: 10px 20px;
  transition: all 0.5s ease-out;
}
.main-menu ul ul li:last-child a {
  border-bottom: 0;
}
.main-menu ul ul ul {
  left: 100%;
  transition: all 0.3s ease 0s;
  opacity: 0;
  border-top: 0px;
  border-top: 2px solid #7ECAEB;
}
.header-area.style-2 .header-menu-area {
  top: 19px;
  padding: 0 30px;
}
@media (max-width: 991px) {
  .header-area.style-2 .header-menu-area .mobile-menu-bar a i {
    color: #ffffff;
  }
}
@media (max-width: 1199px) {
  .header-area.style-2 .main-menu ul li a {
    color: #ffffff;
  }
}
@media (max-width: 1199px) {
  .header-area.style-2 .main-menu ul li ul li a {
    color: #292929;
  }
}

.header-area.style-3 .header-menu-area {
  top: 0;
}

.mobile-menu-bar a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-menu-bar a i {
  color: #292929;
  font-size: 22px;
}

.menu-sidebar-area {
  position: fixed;
  right: -485px;
  top: 0;
  width: 465px;
  height: 100%;
  background-color: #292929;
  overflow-y: scroll;
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: 9999;
}
@media (max-width: 560px) {
  .menu-sidebar-area {
    width: 350px;
  }
}
.menu-sidebar-area .menu-sidebar-logo {
  display: inline-block;
  width: 180px;
}
.menu-sidebar-area .menu-sidebar-wrapper {
  position: relative;
  padding: 40px;
}
.menu-sidebar-area.active {
  right: 0;
}
.menu-sidebar-area .menu-sidebar-close {
  position: absolute;
  top: 40px;
  right: 40px;
}
.menu-sidebar-area .menu-sidebar-close .menu-sidebar-close-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  height: 45px;
  width: 45px;
  border-radius: 50px;
  background-color: #CFF480;
  color: #292929;
  transition: all 0.5s ease-out;
}
.menu-sidebar-area .menu-sidebar-close .menu-sidebar-close-btn:hover {
  background-color: #ffffff;
  color: #292929;
  transition: all 0.5s ease-out;
}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget {
  display: inline-block;
  margin-top: 20px;
  width: 100%;
  border-bottom: 1px solid #C0C0C0;
}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget:last-child {
  border-bottom: 0;
}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .menu-sidebar-title {
  margin-bottom: 5px;
  color: #ffffff;
}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info {
  display: flex;
  align-items: center;
  gap: 0 24px;
  padding: 6px 0;
  flex-wrap: wrap;
  flex-direction: column;
  color: #ffffff;
}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info span {
  display: flex;
  align-items: center;
  gap: 13px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  font-family: "Questrial", sans-serif;
  width: 100%;
}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info span a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  font-family: "Questrial", sans-serif;
}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info span a:hover {
  color: #CFF480;
}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .social-profile {
  margin-top: 20px;
  border-top: 1px solid #dfe2e9;
  width: 100%;
  padding-top: 20px;
}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .social-profile a {
  color: #292929;
  font-size: 22px;
  background-color: #ffffff;
  transition: all 0.5s ease-out;
  transform: scale(1);
}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .social-profile a:hover {
  transform: scale(1.1);
  transition: all 0.5s ease-out;
}

.body-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-out;
}
.body-overlay.active {
  opacity: 1;
  visibility: visible;
}
.body-overlay:hover {
  cursor: pointer;
}

.section-title {
  margin-bottom: 60px;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .section-title {
    margin-bottom: 40px;
  }
}
.section-title .short-title-wrapper {
  border-bottom: 1px solid #C0C0C0;
  margin-bottom: 24px;
  padding-bottom: 6px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .section-title .short-title-wrapper {
    padding-bottom: 10px;
    margin-bottom: 18px;
  }
}
.section-title .short-title-wrapper .short-title {
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22.4px;
  letter-spacing: -0.24px;
  text-transform: uppercase;
  color: #292929;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.section-title .main-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .section-title .main-content {
    flex-direction: column;
    align-items: start;
    gap: 24px;
  }
}
.section-title .sec-content {
  display: flex;
  flex-direction: column;
  z-index: 2;
  position: relative;
}
.section-title .sec-content .desc {
  margin-top: 24px;
  margin-bottom: 0;
}
@media (max-width: 550px) {
  .section-title .sec-content {
    width: 100%;
  }
}
.section-title .sec-content .title,
.section-title .sec-content .desc,
.section-title .sec-content .btn-wrapper {
  -webkit-animation-name: MovefadeUp;
  animation-name: MovefadeUp;
  -webkit-animation-fill-mode: both;
}
.section-title .sec-content .title {
  animation-delay: 0.7s;
  animation-duration: 0.7s;
  transition: all 0.5s ease-out;
}
.section-title .sec-content .desc {
  animation-delay: 0.9s;
  animation-duration: 0.9s;
  transition: all 0.5s ease-out;
}
.section-title .sec-content .btn-wrapper {
  animation-delay: 1s;
  animation-duration: 1s;
  transition: all 0.5s ease-out;
}
.section-title .title {
  font-family: "Urbanist", sans-serif;
  font-size: 64px;
  font-weight: 600;
  line-height: 77px;
  letter-spacing: -0.96px;
  color: #292929;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .section-title .title {
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -0.72px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title .title {
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -0.72px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .section-title .title {
    font-size: 47px;
    line-height: 58px;
    letter-spacing: -0.72px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title .title {
    font-size: 38px;
    line-height: 48px;
    letter-spacing: -0.34px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .section-title .title {
    font-size: 32px;
    line-height: 42px;
    letter-spacing: -0.24px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 576px) {
  .section-title .title {
    font-size: 28px;
    line-height: 42px;
    letter-spacing: -0.24px;
  }
}
.section-title .title span {
  color: #CFF480;
}
.section-title .desc {
  font-family: "Questrial", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #525256;
}
@media only screen and (min-width: 0px) and (max-width: 576px) {
  .section-title .desc {
    font-size: 16px;
    line-height: 30px;
  }
}

.slider-area.style-1 {
  padding-top: 203px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .slider-area.style-1 {
    padding-top: 130px;
  }
}
.slider-area.style-1 .section-title {
  margin-bottom: 0;
}
.slider-area.style-1 .section-title .title {
  font-size: 95px;
  line-height: 104px;
  letter-spacing: -1.425px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider-area.style-1 .section-title .title {
    font-size: 64px;
    line-height: 76px;
    letter-spacing: -0.96px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-area.style-1 .section-title .title {
    font-size: 48px;
    line-height: 58px;
    letter-spacing: -0.72px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area.style-1 .section-title .title {
    font-size: 64px;
    line-height: 76px;
    letter-spacing: -0.96px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .slider-area.style-1 .section-title .title {
    font-size: 48px;
    line-height: 58px;
    letter-spacing: -0.72px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 576px) {
  .slider-area.style-1 .section-title .title {
    font-size: 2.5em;
    line-height: 48px;
    letter-spacing: -0.34px;
  }
}
.slider-area.style-1 .section-title .sec-desc {
  margin-top: 22px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider-area.style-1 .section-title .sec-desc {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-area.style-1 .section-title .sec-desc {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area.style-1 .section-title .sec-desc {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .slider-area.style-1 .section-title .sec-desc {
    margin-top: 20px;
  }
}
.slider-area.style-1 .section-title .sec-desc .desc {
  margin-bottom: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-area.style-1 .section-title .sec-desc .desc {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area.style-1 .section-title .sec-desc .desc {
    max-width: 570px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .slider-area.style-1 .section-title .sec-desc .desc {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 576px) {
  .slider-area.style-1 .section-title .sec-desc .desc {
    font-size: 16px;
    line-height: 24px;
  }
}

.slider-area.style-2 {
  border-radius: 30px;
  overflow: hidden;
  margin: 20px 20px 0 20px;
}

.slider-area.style-3 {
  padding-top: 120px;
  background-color: transparent;
}
.slider-area.style-3 .section-title {
  margin-bottom: 0;
}
.slider-area.style-3 .section-title .title {
  color: #292929;
  font-family: "Urbanist", sans-serif;
  font-size: 95px;
  font-weight: 600;
  line-height: 105px;
  letter-spacing: -1.425px;
  transition: all 0.5s ease-out;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider-area.style-3 .section-title .title {
    font-size: 70px;
    line-height: 86px;
    letter-spacing: -0.92px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-area.style-3 .section-title .title {
    font-size: 58px;
    line-height: normal;
  }
}
@media (max-width: 991px) {
  .slider-area.style-3 .section-title .title {
    font-size: 58px;
    line-height: normal;
  }
}
@media only screen and (min-width: 0px) and (max-width: 576px) {
  .slider-area.style-3 .section-title .title {
    font-size: 42px;
  }
}
.slider-area.style-3 .section-title .desc {
  max-width: 665px;
}
.slider-area.style-3 .section-title .btn-wrapper {
  margin-top: 32px;
}
.slider-area.style-3 .section-title .title,
.slider-area.style-3 .section-title .desc,
.slider-area.style-3 .section-title .btn-wrapper {
  -webkit-animation-name: MovefadeUp;
  animation-name: MovefadeUp;
  -webkit-animation-fill-mode: both;
}
.slider-area.style-3 .section-title .title {
  animation-delay: 0.7s;
  animation-duration: 0.7s;
  transition: all 0.5s ease-out;
}
.slider-area.style-3 .section-title .desc {
  animation-delay: 0.9s;
  animation-duration: 0.9s;
  transition: all 0.5s ease-out;
}
.slider-area.style-3 .section-title .btn-wrapper {
  animation-delay: 1s;
  animation-duration: 1s;
  transition: all 0.5s ease-out;
}
.slider-area.style-3 .image-wrapper {
  position: relative;
}
.slider-area.style-3 .image-wrapper .image {
  border-radius: 30px;
  overflow: hidden;
}

.info-card:hover .icon img {
  animation: icon-bounce 0.8s 1;
}
.info-card .title {
  font-size: 28px;
  font-weight: 600;
  line-height: 36.4px;
  letter-spacing: -0.42px;
  color: #292929;
  margin-top: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .info-card .title {
    font-size: 26px;
    line-height: 32px;
    letter-spacing: -0.34;
  }
}
@media only screen and (min-width: 0px) and (max-width: 576px) {
  .info-card .title {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.24;
  }
}
.info-card .desc {
  margin-top: 16px;
  margin-bottom: 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .info-card .desc {
    font-size: 15px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 576px) {
  .info-card .desc {
    font-size: 16px;
    line-height: 28px;
  }
}
.info-card.style-1 {
  background-color: #ECF4FE;
  border-radius: 30px;
  padding: 42px 48px;
  width: 528px;
  margin: 0 12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .info-card.style-1 {
    width: unset;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .info-card.style-1 {
    width: unset;
    padding: 35px 35px 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .info-card.style-1 {
    width: unset;
    padding: 20px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .info-card.style-1 {
    width: unset;
  }
}
@media only screen and (min-width: 0px) and (max-width: 576px) {
  .info-card.style-1 {
    width: unset;
    padding: 25px 25px 16px;
  }
}
.info-card.style-1 .content-wrapper .icon {
  flex-shrink: 0;
}
.info-card.style-1 .content-wrapper .title {
  margin-top: 24px;
}
.info-card.style-1 .content-wrapper .desc {
  margin-top: 15px;
}

.info-card.style-3 {
  height: 100%;
  padding: 40px;
  border-radius: 30px;
  background-color: #D9EAFD;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .info-card.style-3 {
    padding: 30px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 576px) {
  .info-card.style-3 {
    padding: 30px;
  }
}
.info-card.style-3 .info-card-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 88px;
  position: relative;
  z-index: 5;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .info-card.style-3 .info-card-inner {
    justify-content: space-between;
  }
}
@media (max-width: 991px) {
  .info-card.style-3 .info-card-inner {
    gap: 100px;
  }
}
.info-card.style-3 .info-card-inner .title {
  font-size: 36px;
  font-weight: 600;
  line-height: 46.8px;
  letter-spacing: -0.54px;
  margin: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .info-card.style-3 .info-card-inner .title {
    font-size: 34px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 576px) {
  .info-card.style-3 .info-card-inner .title {
    font-size: 30px;
  }
}
.info-card.style-3 .info-card-inner .desc {
  margin-top: 8px;
}
.info-card.style-3 .info-card-inner .theme-btn {
  text-transform: capitalize;
  background-color: #ffffff;
}
.info-card.style-3 .info-card-inner .theme-btn:hover {
  background-color: #292929;
  color: #ffffff;
  transition: all 0.5s ease-out;
}

.about-image-card.style-2 {
  position: relative;
  width: 100%;
  height: 600px;
  border-radius: 30px;
  overflow: hidden;
}
.about-image-card.style-2 .bg-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.about-image-card.style-2 .bg-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 30px;
}
.about-image-card.style-2 .bottom-image-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  padding-left: 24px;
  padding-top: 24px;
  border-radius: 30px 0 30px 0;
  background-color: #ffffff;
  z-index: 1;
}
.about-image-card.style-2 .bottom-image-wrapper .sticky-corner {
  position: absolute;
  transform: rotate(90deg);
}
.about-image-card.style-2 .bottom-image-wrapper .sticky-corner.top-right-corner {
  top: -35px;
  right: 0;
}
.about-image-card.style-2 .bottom-image-wrapper .sticky-corner.bottom-corner {
  bottom: 0;
  left: -35px;
}

.about-image-card.style-1 {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
@media only screen and (min-width: 1400px) and (max-width: 1699px) {
  .about-image-card.style-1 {
    margin-left: -70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-image-card.style-1 {
    gap: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-image-card.style-1 {
    gap: 12px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .about-image-card.style-1 {
    flex-direction: column;
  }
}

.blog-area ol,
.blog-area ul {
  padding-left: 20px;
}
.blog-area ol li,
.blog-area ul li {
  padding-top: 7px;
}

.single-post-item {
  background-color: #ffffff;
  overflow: hidden;
  margin-bottom: 64px;
  /* Quote Format Post */
  /* Sticky Post */
}
.single-post-item:hover .post-thumbnail img {
  max-width: 75% !important;
}
.single-post-item .post-content-wrapper {
  padding-right: 0px;
}
@media (max-width: 1399px) {
  .single-post-item .post-content-wrapper {
    padding-right: 0;
  }
}
.single-post-item .post-title {
  font-size: 3em;
  line-height: 57px;
  font-weight: 600;
  letter-spacing: -0.72px;
  margin-bottom: 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .single-post-item .post-title {
    font-size: 28px;
    line-height: 38px;
    margin-top: 5px;
  }
}
.single-post-item .post-title:hover a {
  color: #CFF480;
  transition: all 0.5s ease-out;
}
.single-post-item .post-content p {
  margin-top: 17px;
}
.single-post-item .post-content h2,
.single-post-item .post-content h3,
.single-post-item .post-content h4,
.single-post-item .post-content h5,
.single-post-item .post-content h6 {
  margin-bottom: 10px;
}
.single-post-item .post-content p {
  margin-bottom: unset;
}
.single-post-item .single-post-meta {
  display: inline-flex;
  align-items: flex-start;
  padding-top: 15px;
  margin-top: 0;
  margin-bottom: 20px;
  width: 100%;
}
.single-post-item .social-share {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
.single-post-item .social-share a {
  width: 40px;
  height: 40px;
  background-color: #CFF480;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #292929;
}
.single-post-item .post-thumbnail {
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
  border-radius: 10px;
}
.single-post-item .post-thumbnail img {
  max-width: 75% !important;
}
.single-post-item .post-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 20px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .single-post-item .post-meta {
    gap: 10px;
    width: 100%;
  }
}
.single-post-item .post-meta span {
  font-size: 18px;
  font-weight: 400;
  color: #525256;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 10px;
}
.single-post-item .post-meta span.icon i {
  color: #C0C0C0;
  font-size: 6px;
}
.single-post-item .post-meta span a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #525256;
  transition: all 0.5s ease-out;
}
.single-post-item .post-meta span a:hover {
  color: #CFF480;
  transition: all 0.5s ease-out;
}
.blog-details-wrapper .single-post-item {
  overflow: visible;
  box-shadow: none;
}
.blog-details-wrapper .single-post-item .post-title {
  margin-bottom: 20px;
}
.blog-details-wrapper .single-post-item img {
  border-radius: 30px;
}
.blog-details-wrapper .single-post-item .single-post-meta {
  margin-bottom: 0;
  gap: 20px;
  justify-content: space-between;
  position: relative;
  align-items: center;
  border-top: 1px solid #E7E7E7;
  padding-top: 34px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .blog-details-wrapper .single-post-item .single-post-meta {
    flex-direction: column;
  }
}
.blog-details-wrapper .single-post-item .post-meta {
  margin-bottom: 20px;
  margin-top: -8px;
}
.blog-details-wrapper .single-post-item .post-thumbnail {
  overflow: hidden;
  margin-bottom: 30px;
  position: relative;
}
.blog-details-wrapper .single-post-item .post-thumbnail:hover img {
  max-width: 75% !important;
}
.blog-details-wrapper .single-post-item .post-thumbnail img {
  animation: none;
}
.blog-details-wrapper .single-post-item .post-content-wrapper {
  padding: 0;
}
.blog-details-wrapper .single-post-item .post-content {
  margin-bottom: 17px;
  /* Unit Test Data Compatibility Start */
  /* Unit Test Data Compatibility End */
}
.blog-details-wrapper .single-post-item .post-content p {
  margin-bottom: 20px;
}
.blog-details-wrapper .single-post-item .post-content p img {
  margin: 20px 0;
}

.blog-post-nav {
  margin: 40px 0;
  background: #fff;
  display: flex;
  justify-content: space-between;
  gap: 30px;
  border-top: 1px solid #E7E7E7;
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .blog-post-nav {
    padding: 30px;
    margin: 30px 0;
  }
}
@media (max-width: 767px) {
  .blog-post-nav {
    flex-direction: column;
    padding: 30px;
    margin: 30px 0;
  }
}
.blog-post-nav .post-navigation {
  display: flex;
  gap: 20px;
  flex-basis: 0;
  flex-grow: 1;
  width: 50%;
  padding: 30px 0;
}
@media (max-width: 374px) {
  .blog-post-nav .post-navigation {
    flex-direction: column !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .blog-post-nav .post-navigation {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .blog-post-nav .post-navigation {
    width: 100%;
  }
}
.blog-post-nav .post-navigation:last-child {
  flex-direction: row-reverse;
}
.blog-post-nav .post-navigation:last-child .text {
  text-align: right;
}
@media (max-width: 374px) {
  .blog-post-nav .post-navigation:last-child .text {
    text-align: left;
  }
}
.blog-post-nav .post-navigation .text {
  width: 100%;
}
.blog-post-nav .post-navigation .text span a {
  font-size: 14px;
  font-family: "Urbanist", sans-serif;
  text-transform: capitalize;
  font-weight: 600;
  color: #292929;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 50px;
  background-color: #D9EAFD;
  line-height: initial;
  margin-bottom: 10px;
}
.blog-post-nav .post-navigation .text span a:hover {
  background-color: #CFF480;
  color: #292929;
}
.blog-post-nav .post-navigation .text .post-title {
  font-size: 18px;
  margin: 0;
  line-height: 27px;
  text-transform: capitalize;
}
.blog-post-nav .post-navigation .text .post-title a {
  color: #292929;
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  text-transform: capitalize;
  transition: all 0.5s ease-out;
}
.blog-post-nav .post-navigation .text .post-title a:hover {
  color: #CFF480;
  transition: all 0.5s ease-out;
}

.cta-area.style-1 {
  padding-top: 60px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area.style-1 {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .cta-area.style-1 {
    padding-top: 50px;
  }
}
.cta-area.style-1 .cta-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  height: 391px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area.style-1 .cta-wrapper {
    height: 340px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .cta-area.style-1 .cta-wrapper {
    height: unset;
    flex-direction: column;
    gap: 24px;
  }
}
.cta-area.style-1 .section-title {
  background-color: #CFF480;
  width: 27%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0;
  padding: 40px;
  border-radius: 35px 35px 0;
  position: relative;
  z-index: 10;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta-area.style-1 .section-title {
    padding: 30px;
    width: 30%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area.style-1 .section-title {
    padding: 30px;
    width: 30%;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .cta-area.style-1 .section-title {
    width: 100%;
    height: 300px;
    border-radius: 25px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 576px) {
  .cta-area.style-1 .section-title {
    padding: 30px;
  }
}
.cta-area.style-1 .section-title .btn-inner {
  padding: 20px 0;
}
@media (max-width: 991px) {
  .cta-area.style-1 .section-title .btn-inner {
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .cta-area.style-1 .section-title .btn-inner {
    padding: 12px 0;
  }
}
.cta-area.style-1 .section-title span {
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: initial;
  letter-spacing: -0.36px;
  color: #292929;
  text-decoration: none;
  transition: all 0.5s ease-out;
}
.cta-area.style-1 .section-title .sec-content .title {
  font-size: 24px;
  line-height: normal;
  letter-spacing: -0.34px;
  margin-bottom: 8px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta-area.style-1 .section-title .sec-content .title {
    font-size: 22px;
    letter-spacing: -0.32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area.style-1 .section-title .sec-content .title {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.28px;
  }
}
.cta-area.style-1 .section-title .sec-content .number {
  font-size: 80px;
  line-height: 104.5px;
  letter-spacing: -1.425px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta-area.style-1 .section-title .sec-content .number {
    font-size: 80px;
    line-height: 92px;
    letter-spacing: -1.04px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area.style-1 .section-title .sec-content .number {
    font-size: 60px;
    line-height: 92px;
    letter-spacing: -1.04px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .cta-area.style-1 .section-title .sec-content .number {
    font-size: 68px;
  }
}
.cta-area.style-1 .section-title .info-card-inner .btn-wrapper {
  width: unset;
}
.cta-area.style-1 .section-title .info-card-inner .btn-wrapper .theme-btn {
  font-size: 24px;
  text-transform: capitalize;
}
@media only screen and (min-width: 0px) and (max-width: 576px) {
  .cta-area.style-1 .section-title .info-card-inner .btn-wrapper .theme-btn {
    font-size: 20px;
    margin-left: -15px;
  }
}
.cta-area.style-1 .section-title .info-card-inner .btn-wrapper .theme-btn:hover {
  background-color: #ffffff;
  transition: all 0.5s ease-out;
}
.cta-area.style-1 .service-btn-area {
  width: 221px;
  height: 158px;
  background-color: #CFF480;
  border-radius: 0 35px 35px 0;
  position: absolute;
  z-index: 4;
  bottom: 0;
  left: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta-area.style-1 .service-btn-area {
    width: 200px;
    height: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area.style-1 .service-btn-area {
    width: 185px;
    height: 130px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .cta-area.style-1 .service-btn-area {
    width: unset;
    height: unset;
    bottom: 30px;
    left: unset;
    right: 40px;
    background: none;
  }
}
@media only screen and (min-width: 0px) and (max-width: 576px) {
  .cta-area.style-1 .service-btn-area {
    right: 15px;
  }
}
.cta-area.style-1 .service-btn-area .theme-btn {
  margin-left: 17px;
  line-height: initial;
  text-transform: capitalize;
  border-radius: 50px;
  background-color: #ffffff;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .cta-area.style-1 .service-btn-area .theme-btn {
    margin: 0;
  }
}
.cta-area.style-1 .service-btn-area .theme-btn:hover {
  color: #ffffff;
  background-color: #292929;
}
.cta-area.style-1 .service-btn-area .left-sticky-corner {
  position: absolute;
  transform: rotate(180deg);
  top: -34.5px;
  left: -1.5px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .cta-area.style-1 .service-btn-area .left-sticky-corner {
    display: none;
  }
}
.cta-area.style-1 .image-wrapper {
  width: 70.5%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 35px;
  position: relative;
  margin-top: 0;
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta-area.style-1 .image-wrapper {
    width: 66%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area.style-1 .image-wrapper {
    width: 66%;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .cta-area.style-1 .image-wrapper {
    width: 100%;
    height: 250px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 576px) {
  .cta-area.style-1 .image-wrapper {
    height: 200px;
  }
}
.cta-area.style-1 .image-wrapper .rectangle-shape {
  width: 221px;
  height: 183px;
  border-radius: 0 30px 0 0;
  background-color: #ffffff;
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  top: unset;
  z-index: 4;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta-area.style-1 .image-wrapper .rectangle-shape {
    width: 200px;
    height: 160px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area.style-1 .image-wrapper .rectangle-shape {
    width: 185px;
    height: 155px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .cta-area.style-1 .image-wrapper .rectangle-shape {
    display: none;
  }
}
.cta-area.style-1 .image-wrapper .rectangle-shape .top-sticky-corner {
  position: absolute;
  top: -35px;
  left: -2px;
  transform: rotate(-180deg);
}
.cta-area.style-1 .image-wrapper .rectangle-shape .right-sticky-corner {
  position: absolute;
  bottom: 0px;
  right: -34px;
  transform: rotate(-180deg);
}
.cta-area.style-2 {
  padding-top: 140px;
  padding-bottom: 132px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area.style-2 {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .cta-area.style-2 {
    padding: 80px 0;
  }
}
.cta-area.style-2 .cta-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (max-width: 991px) {
  .cta-area.style-2 .cta-wrapper {
    margin-right: 0;
  }
}
.cta-area.style-2 .section-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0px;
  gap: 10px;
}
.cta-area.style-2 .section-title .sec-content .title {
  font-size: 64px;
  line-height: 76.8px;
  letter-spacing: -0.96px;
  text-align: start;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta-area.style-2 .section-title .sec-content .title {
    text-align: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-area.style-2 .section-title .sec-content .title {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area.style-2 .section-title .sec-content .title {
    font-size: 54px;
    line-height: 64.8px;
    text-align: center;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .cta-area.style-2 .section-title .sec-content .title {
    font-size: 48px;
    line-height: 60.8px;
    text-align: center;
  }
}
@media only screen and (min-width: 0px) and (max-width: 576px) {
  .cta-area.style-2 .section-title .sec-content .title {
    font-size: 32px;
    line-height: 48.8px;
  }
}
.cta-area.style-2 .section-title .sec-content .content {
  font-size: 36px;
  line-height: 46.8px;
  letter-spacing: -0.54px;
  margin-top: 10px;
  text-align: start;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta-area.style-2 .section-title .sec-content .content {
    text-align: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-area.style-2 .section-title .sec-content .content {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area.style-2 .section-title .sec-content .content {
    font-size: 32px;
    text-align: center;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .cta-area.style-2 .section-title .sec-content .content {
    font-size: 32px;
    text-align: center;
  }
}
@media only screen and (min-width: 0px) and (max-width: 576px) {
  .cta-area.style-2 .section-title .sec-content .content {
    font-size: 24px;
    line-height: 38.8px;
  }
}
.cta-area.style-2 .section-title .sec-content .content img {
  width: 123px;
  height: 48px;
  border-radius: 24px;
  object-fit: cover;
}
@media only screen and (min-width: 0px) and (max-width: 576px) {
  .cta-area.style-2 .section-title .sec-content .content img {
    width: 115px;
    height: 35px;
  }
}

.section-title {
  margin-bottom: 60px;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .section-title {
    margin-bottom: 40px;
  }
}
.section-title .short-title-wrapper {
  border-bottom: 1px solid #C0C0C0;
  margin-bottom: 24px;
  padding-bottom: 6px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .section-title .short-title-wrapper {
    padding-bottom: 10px;
    margin-bottom: 18px;
  }
}
.section-title .short-title-wrapper .short-title {
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22.4px;
  letter-spacing: -0.24px;
  text-transform: uppercase;
  color: #292929;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.section-title .main-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .section-title .main-content {
    flex-direction: column;
    align-items: start;
    gap: 24px;
  }
}
.section-title .sec-content {
  display: flex;
  flex-direction: column;
  z-index: 2;
  position: relative;
}
.section-title .sec-content .desc {
  margin-top: 24px;
  margin-bottom: 0;
}
@media (max-width: 550px) {
  .section-title .sec-content {
    width: 100%;
  }
}
.section-title .sec-content .title,
.section-title .sec-content .desc,
.section-title .sec-content .btn-wrapper {
  -webkit-animation-name: MovefadeUp;
  animation-name: MovefadeUp;
  -webkit-animation-fill-mode: both;
}
.section-title .sec-content .title {
  animation-delay: 0.7s;
  animation-duration: 0.7s;
  transition: all 0.5s ease-out;
}
.section-title .sec-content .desc {
  animation-delay: 0.9s;
  animation-duration: 0.9s;
  transition: all 0.5s ease-out;
}
.section-title .sec-content .btn-wrapper {
  animation-delay: 1s;
  animation-duration: 1s;
  transition: all 0.5s ease-out;
}
.section-title .title {
  font-family: "Urbanist", sans-serif;
  font-size: 64px;
  font-weight: 600;
  line-height: 77px;
  letter-spacing: -0.96px;
  color: #292929;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .section-title .title {
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -0.72px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title .title {
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -0.72px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .section-title .title {
    font-size: 47px;
    line-height: 58px;
    letter-spacing: -0.72px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title .title {
    font-size: 38px;
    line-height: 48px;
    letter-spacing: -0.34px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .section-title .title {
    font-size: 32px;
    line-height: 42px;
    letter-spacing: -0.24px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 576px) {
  .section-title .title {
    font-size: 28px;
    line-height: 42px;
    letter-spacing: -0.24px;
  }
}
.section-title .title span {
  color: #CFF480;
}
.section-title .desc {
  font-family: "Questrial", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #525256;
}
@media only screen and (min-width: 0px) and (max-width: 576px) {
  .section-title .desc {
    font-size: 16px;
    line-height: 30px;
  }
}

.basic-pagination {
  display: inline-flex;
  width: 100%;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.basic-pagination ul {
  display: inline-flex;
  width: 100%;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.basic-pagination ul li {
  padding-top: 0;
}

.basic-pagination ul .next span {
  display: none;
}
.basic-pagination .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #292929;
  background-color: rgba(217, 234, 253, 0.4);
  border-radius: 8px;
  height: 48px;
  width: 50px;
  transition: all 0.5s ease-out;
  font-size: 20px;
  font-weight: 500;
  text-transform: capitalize;
  font-family: "Urbanist", sans-serif;
}
@media (max-width: 767px) {
  .basic-pagination .page-numbers {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
}
.basic-pagination .page-numbers:hover {
  background: #CFF480 !important;
  color: #292929;
  transition: all 0.5s ease-out;
}
.basic-pagination .page-numbers.current {
  background: #CFF480 !important;
  color: #292929;
  transition: all 0.5s ease-out;
}

.image-wrapper {
  display: inline-flex;
  gap: 40px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .image-wrapper {
    flex-direction: column;
    gap: 30px;
  }
}
.image-wrapper .image {
  border-radius: 24px;
  overflow: hidden;
}
.image-wrapper .image img {
  transform: scale(1.01);
  transition: all 0.5s ease-out;
}
.image-wrapper .image:hover img {
  transform: scale(1.03);
  transition: all 0.5s ease-out;
}

/* Widget */

/* About Info Widget*/

/* Latest Post Widget*/

.single-post-item .single-post-meta {
  gap: 32px;
}

/* Block Comment Start */

/* Block Comment End */

/*Comment Input Filed*/

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature-area.style-1 {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature-area.style-1 {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .feature-area.style-1 {
    padding: 80px 0;
  }
}

.about-us-area.style-1 .info-card.style-2 {
  padding-right: 8px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .about-us-area.style-2 {
    padding-top: 60px;
    padding-bottom: 40px;
  }
}

@media only screen and (min-width: 992px)  {
  .about-us-area.style-2 {
    padding-top: 136px;
    padding-bottom: 140px;
  }

  .about-us-area.style-2 .section-title {
    margin-bottom: 0;
  }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-us-area.style-2 .section-title {
    margin-left: 40px;
  }
}
.about-us-area.style-2 .main-content {
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .feature-area.style-3 .section-title .title {
    font-size: 45px;
  }
}
.feature-area.style-3 .section-title .desc {
  margin: 24px 0 40px;
}
.feature-area.style-3 .info-card {
  width: 100%;
  padding: 42px 42px 32px;
  margin: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .feature-area.style-3 .info-card {
    padding: 32px 22px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .feature-area.style-3 .info-card {
    padding: 24px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .feature-area.style-3 .info-card .desc {
    font-size: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature-area.style-1 .info-card.style-1 .info-card-inner {
    padding: 0 4px;
  }
}

.feature-area.style-2 .info-card.style-1 {
  margin: 0;
}

.footer-bottom-menu ul {
  list-style: none;
  display: flex;
  gap: 0 40px;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 0;
  padding-left: 0;
  flex-wrap: wrap;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .footer-bottom-menu ul {
    gap: 10px;
  }
}
@media (max-width: 991px) {
  .footer-bottom-menu ul {
    justify-content: flex-start;
  }
}

.footer-bottom-menu ul li a {
  display: block;
  padding: 42px 24px;
  text-decoration: none;
  text-transform: capitalize;
  transition: all 0.5s ease-out;
  position: relative;
  color: #292929;
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.footer-bottom-menu ul li a:hover {
  transition: all 0.5s ease-out;
  color: #7ECAEB;
}

.footer-bottom-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px 40px;
  flex-wrap: wrap-reverse;
}

.footer-bottom-menu-wrapper {
  display: flex;
  align-items: center;
  gap: 10px 40px;
  flex-wrap: wrap-reverse;
  flex-grow: 1;
  justify-content: space-between;
}

.social-profile {
  display: flex;
  align-items: center;
  gap: 10px;
}
.social-profile a {
  color: #ffffff;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background-color: rgba(244, 244, 244, 0.1);
  border-radius: 50px;
  transition: all 0.5s ease-out;
}
.social-profile a:hover {
  transition: all 0.5s ease-out;
  color: #FFF089;
}/*# sourceMappingURL=style.css.map */