/*--------------------------------------------------------------
# Font & Color Variables
# Help: https://bootstrapmade.com/color-system/
--------------------------------------------------------------*/
/* Fonts */

@import url("https://fonts.googleapis.com/css2?family=Domine:wght@400..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

:root {
  --default-font: "Open Sans", sans-serif;
  --heading-font: "Domine", sans-serif;
  --nav-font: "Open Sans", sans-serif;
}

/* Global Colors */
:root {
  /* Background Color - This color is applied to the background of the entire website as well as individual sections. */
  --background-color: #ffffff;

  /* Default Color - This is the default color used for the majority of the text content. */
  --default-color: #343434;

  /* Heading Color - This color is used for titles, headings and secondary elements. */
  --heading-color: #343434;

  /* Accent Color - This is the main accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out. */
  --accent-color: #91d4dc;

  /* Contrast Color - This is a color used for text when the background color is one of the heading, accent, or default colors. Its purpose is to ensure proper contrast and readability when placed over these more dominant colors. */
  --contrast-color: #ffffff;
}

/* Nav Menu Colors */
:root {
  /* Nav Color - This is the default color of the main navmenu links. */
  --nav-color: #b1b1b1;

  /* Nav Hover Color - This color is applied to main navmenu links when they are hovered over. */
  --nav-hover-color: #91d4dc;

  /* Nav Dropdown Background Color - This color is used as the background for dropdown boxes that appear when hovering over primary navigation items. */
  --nav-dropdown-background-color: #ffffff;

  /* Nav Dropdown Color - This color is used for navigation links of the dropdown items in the navigation menu. */
  --nav-dropdown-color: #212529;

  /* Nav Dropdown Hover Color - Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */
  --nav-dropdown-hover-color: #91d4dc;
}

/* Smooth scroll */
:root {
  scroll-behavior: smooth;
}

html {
  font-size: 16px;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  color: var(--default-color);
  background-color: var(--background-color);
  font-family: var(--default-font);
  font-weight: 500;
}

a {
  color: var(--accent-color);
  text-decoration: none;
  transition: 0.3s;
}

a:hover {
  color: color-mix(in srgb, var(--accent-color), transparent 25%);
  text-decoration: none;
}
h1 {
  font-size: 2rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #343434;
  font-family: var(--heading-font);
}

img {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Global Header
--------------------------------------------------------------*/
.header {
  color: var(--default-color);
  background-color: var(--background-color);
  padding: 0px 0;
  transition: all 0.5s;
  z-index: 997;
  box-shadow: 0px 0 15px
    color-mix(in srgb, var(--default-color), transparent 90%);
}
p {
  font-size: 1rem;
}
.header .logo {
  line-height: 1;
}

.header .logo img {
  max-height: 5rem;
  margin-right: 8px;
}

.header .logo h1 {
  font-size: 1.5rem;
  margin: 0;
  font-weight: 400;
  letter-spacing: 2px;
  color: var(--heading-color);
}

ul, li {
    list-style-type: none;
}

.header .btn-getstarted,
.header .btn-getstarted:focus {
  color: var(--contrast-color);
  background: var(--accent-color);
  font-size: 0.8rem;
  padding: 8px 1.2rem;
  margin: 0 0 0 1.5rem;
  border-radius: 50px;
  transition: 0.3s;
}

.header .btn-getstarted:hover,
.header .btn-getstarted:focus:hover {
  color: var(--contrast-color);
  background: color-mix(in srgb, var(--accent-color), transparent 15%);
}

@media (max-width: 920px) {
  .hero .bannerTxt {
    margin: 0 auto;
    max-width: 500px;
    padding: 0px 30px;
}

  .header .logo {
    order: 1;
    padding: 5px 15px;
  }
  .header .logo img {
    max-height: 4rem;
  }

  .header .btn-getstarted {
    order: 2;
    margin: 0 15px 0 0;
    padding: 6px 15px;
  }

  .header .navmenu {
    order: 3;
  }
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Navmenu - Desktop */
@media (min-width: 1200px) {
  .navmenu {
    padding: 0;
  }

  .navmenu ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
  }

  .navmenu li {
    position: relative;
  }

  .navmenu a,
  .navmenu a:focus {
    color: var(--nav-color);
    padding: 38px 15px;
    font-size: 16px;
    font-family: var(--nav-font);
     display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    transition: 0.3s;
    letter-spacing: 0.5px;
    line-height: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    color: #B3B3B3 !important;
    letter-spacing: 2px;
}
  }

  .navmenu a i,
  .navmenu a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
    transition: 0.3s;
  }


 
  .navmenu .active,
  .navmenu .active:focus {
    color: #91d4dc !important;
  }

  .navmenu .dropdown ul {
    margin: 0;
    padding: 10px 0;
    background: var(--nav-dropdown-background-color);
    display: block;
    position: absolute;
    visibility: hidden;
    left: 14px;
    top: 130%;
    opacity: 0;
    transition: 0.3s;
    border-radius: 0px;
    z-index: 99;    
  }

  .navmenu .dropdown ul li {
    min-width: 200px;
    padding: 0px 20px;
  }

  .navmenu .dropdown ul a {
    padding: 10px 20px;    
    text-transform: none;
    color: var(--nav-dropdown-color);
  }

  .navmenu .dropdown ul a i {
    font-size: 12px;
  }

  .navmenu a:hover  {
    color: var(--nav-dropdown-hover-color);
    background-color: #f6f6f6;
  }

  .navmenu .dropdown ul a:hover,
  .navmenu .dropdown ul .active:hover,
  .navmenu .dropdown ul li:hover > a {
    color: var(--nav-dropdown-hover-color);
    background-color: #f6f6f6;
  }

  .navmenu .dropdown:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }

  .navmenu .dropdown .dropdown ul {
    top: 0;
    left: -90%;
    visibility: hidden;
  }

  .navmenu .dropdown .dropdown:hover > ul {
    opacity: 1;
    top: 0;
    left: -100%;
    visibility: visible;
  }


/* Navmenu - Mobile */
@media (max-width: 1199px) {
  .mobile-nav-toggle {
    color: #343434;
    font-size: 32px;
    line-height: 0;
    margin-right: 10px;
    cursor: pointer;
    transition: color 0.3s;
  }

  .navmenu {
    padding: 0;
    z-index: 9997;
  }

  .navmenu ul {
    display: none;
    position: absolute;
    inset: 3rem 1rem 1rem 1rem;
    padding: 10px 0;
    margin: 0;
    border-radius: 0px;
    background-color: var(--nav-dropdown-background-color);
    overflow-y: auto;
    transition: 0.3s;
    z-index: 9998;
  }

  .navmenu a,
  .navmenu a:focus {
    color: var(--nav-dropdown-color);
    padding: 10px 20px;
    font-family: var(--nav-font);
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    transition: 0.3s;

    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    color: #B3B3B3 !important;
    letter-spacing: 2px;
  }

  .navmenu a i,
  .navmenu a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: 0.3s;
  }

  .navmenu a i:hover,
  .navmenu a:focus i:hover {
    background-color: transparent;
    color: var(--accent-color);
  }

  .navmenu a:hover,
  .navmenu .active,
  .navmenu .active:focus {
    color: var(--nav-dropdown-hover-color);
  }

  .navmenu .active i,
  .navmenu .active:focus i {
    background-color: transparent;
    color: var(--accent-color);
    transform: rotate(180deg);
  }

  .navmenu .dropdown ul {
    position: static;
    display: none;
    z-index: 99;
    padding: 10px 0;
    margin: 10px 20px;
    background-color: var(--nav-dropdown-background-color);
    transition: all 0.5s ease-in-out;
  }

  .navmenu .dropdown ul ul {
    background-color: rgba(33, 37, 41, 0.1);
  }

  .navmenu .dropdown > .dropdown-active {
    display: block;
    background-color: rgba(33, 37, 41, 0.03);
     opacity: 1;
    visibility: visible;
  }

  .mobile-nav-active {
    overflow: hidden;
  }

  .mobile-nav-active .mobile-nav-toggle {
    color: #fff;
    position: absolute;
    font-size: 32px;
    top: 15px;
    right: 15px;
    margin-right: 0;
    z-index: 9999;
  }

  .mobile-nav-active .navmenu {
    position: fixed;
    overflow: hidden;
    inset: 0;
    background: rgba(33, 37, 41, 0.8);
    transition: 0.3s;
  }

  .mobile-nav-active .navmenu > ul {
    display: block;
  }
}

/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
.footer {
  color: #fff;
  background-color: #6D8B83;
  font-size: 14px;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  position: relative;
}

.footer .footer-newsletter {
  background-color: color-mix(in srgb, var(--accent-color), transparent 97%);
  padding: 50px 0;
}

.footer .footer-newsletter h4 {
  font-size: 1.3rem;
 
}

.footer h4:after {
  content: "";
  width: 100px;
  height: 2px;
  background: #fff;
  display: block;
  margin: 1.5rem auto 1.5rem;
}

.footer .footer-newsletter .newsletter-form {
  margin-top: 1.5rem;
  padding: 6px 8px;
  position: relative;
  background-color: color-mix(
    in srgb,
    var(--background-color),
    transparent 20%
  );
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  box-shadow: 0px 2px 25px
    color-mix(in srgb, var(--default-color), transparent 95%);
  display: flex;
  transition: 0.3s;
  border-radius: 50px;
}

.footer .footer-newsletter .newsletter-form:focus-within {
  border-color: var(--accent-color);
}

.footer .footer-newsletter .newsletter-form input[type="email"] {
  border: 0;
  padding: 4px;
  width: 100%;
  background-color: color-mix(
    in srgb,
    var(--background-color),
    transparent 50%
  );
  color: var(--default-color);
}

.footer .footer-newsletter .newsletter-form input[type="email"]:focus-visible {
  outline: none;
}
.footer a {color:#fff;}
.footer .footer-newsletter .newsletter-form input[type="submit"] {
  border: 0;
  font-size: 16px;
  padding: 0 20px;
  margin: -7px -8px -7px 0;
  background: var(--accent-color);
  color: var(--contrast-color);
  transition: 0.3s;
  border-radius: 50px;
}

.footer .footer-newsletter .newsletter-form input[type="submit"]:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 20%);
}

.footer .footer-newsletter .error-message {
  display: none;
  background: #df1529;
  color: #ffffff;
  text-align: left;
  padding: 15px;
  margin-top: 10px;
  font-weight: 600;
  border-radius: 4px;
}

.footer .footer-newsletter .sent-message {
  display: none;
  color: #ffffff;
  background: #059652;
  text-align: center;
  padding: 15px;
  margin-top: 10px;
  font-weight: 600;
  border-radius: 4px;
}

.footer .footer-newsletter .loading {
  display: none;
  background: var(--background-color);
  text-align: center;
  padding: 15px;
  margin-top: 10px;
}

.footer .footer-newsletter .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 1.3rem;
  height: 1.3rem;
  margin: 0 10px -6px 0;
  border: 3px solid var(--accent-color);
  border-top-color: var(--background-color);
  animation: subscription-loading 1s linear infinite;
}

@keyframes subscription-loading {
  0% {
    transform: rotate(0deg);
  }

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

.footer .footer-top {
  padding-top: 2.5rem;
}

.footer .social-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 0px;
  margin-right: 10px;
  transition: 0.3s;
  box-shadow: 0px 0px 1px #373737 inset;
}
.footer .social-links a {
  background: #fff;
}

.footer h4 {
  font-size: 1.3rem;
  font-weight: 600;
  position: relative;
  padding-bottom: 12px;
  color: #fff !important;
   font-family: var(--default-font);
}

.footer .footer-links {
  margin-bottom: 30px;
}

.footer .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer .footer-links ul i {
  margin-right: 3px;
  font-size: 12px;
  line-height: 0;
  color: #91d4dc;
}

.footer .footer-links ul li {
  padding: 10px 0;
}

.footer .footer-links ul li:first-child {
  padding-top: 0;
}

.footer .footer-links ul a {
  display: inline-block;
  color: color-mix(in srgb, #fff, transparent 20%);
  line-height: 1;
}

.footer .footer-links ul a:hover {
  color: #91d4dc;
}

.footer .footer-about a {
  color: #fff;
  font-size: 1.3rem;
  font-weight: 400;
  font-family: var(--heading-font);
}

.footer .footer-contact p {
  margin-bottom: 5px;
}

.footer .copyright {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  border-top: 1px solid
    color-mix(in srgb, var(--default-color), transparent 90%);
}

.footer .copyright p {
  margin-bottom: 0;
}

.footer .credits {
  margin-top: 6px;
  font-size: 13px;
}

.footerInfo {
  max-width: 860px;
  margin: 0 auto;
}

.footerInfo p {
  margin-bottom: 40px;
  font-size: 13px;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  inset: 0;
  z-index: 999999;
  overflow: hidden;
  background: var(--background-color);
  transition: all 0.6s ease-out;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #ffffff;
  border-color: var(--accent-color) transparent var(--accent-color) transparent;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: animate-preloader 1.5s linear infinite;
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

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

/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
.scroll-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background-color: var(--accent-color);
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.scroll-top i {
  font-size: 1.3rem;
  color: var(--contrast-color);
  line-height: 0;
}

.scroll-top:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
  color: var(--contrast-color);
}

.scroll-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
# Global Page Titles & Breadcrumbs
--------------------------------------------------------------*/
.page-title {
  --background-color: color-mix(in srgb, var(--accent-color), transparent 95%);
  color: var(--default-color);
  background-color: var(--background-color);
  padding: 25px 0;
  position: relative;
}

.page-title h1 {
  font-size: 1.3rem;
  font-weight: 400;
}

.page-title .breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
}

.page-title .breadcrumbs ol li + li {
  padding-left: 10px;
}

.page-title .breadcrumbs ol li + li::before {
  content: "/";
  display: inline-block;
  padding-right: 10px;
  color: color-mix(in srgb, var(--default-color), transparent 70%);
}

/*--------------------------------------------------------------
# Global Sections
--------------------------------------------------------------*/
section,
.section {
  color: var(--default-color);
  background-color: var(--background-color);
  padding: 0px 0; 
  
}

@media (max-width: 1199px) {
  section,
  .section {
    scroll-margin-top: 66px;
  }
}

/*--------------------------------------------------------------
# Global Section Titles
--------------------------------------------------------------*/
.section-title {
  text-align: center;
  padding-bottom: 30px;
  position: relative;
}

.section-title h2 {  
   font-size: 28px;  
  font-weight: 700;
  position: relative;
}

.section-title p {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
  --background-color: color-mix(in srgb, #ffffff, transparent 97%);
  width: 100%;
  position: relative;
  padding: 40px 0 0;
  display: flex;
  align-items: center;
  border-bottom: 2px solid color-mix(in srgb, #fff, transparent 75%);
}

.hero h1 {
  margin: 0;
  font-size: 31px;
  font-weight: 700;
  line-height: 1.3;
  padding: 30px ;
  
}

.hero p {  
  margin: 0 3rem 2rem;
  font-size: 1rem;
}
.hero .bannerTxt {
  margin: 0 auto;
  max-width: 500px;
}

.hero .btn-get-started {
  color: var(--contrast-color);
  background: var(--accent-color);
  font-family: var(--heading-font);
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 28px 12px 28px;
  border-radius: 50px;
  transition: 0.5s;
  box-shadow: 0 8px 28px
    color-mix(in srgb, var(--accent-color), transparent 80%);
}

.hero .btn-get-started:hover {
  color: var(--contrast-color);
  background: color-mix(in srgb, var(--accent-color), transparent 15%);
  box-shadow: 0 8px 28px
    color-mix(in srgb, var(--accent-color), transparent 55%);
}

.hero .btn-watch-video {
  font-size: 16px;
  transition: 0.5s;
  margin-left: 25px;
  color: var(--default-color);
  font-weight: 600;
}

.hero .btn-watch-video i {
  color: var(--accent-color);
  font-size: 32px;
  transition: 0.3s;
  line-height: 0;
  margin-right: 8px;
}

.hero .btn-watch-video:hover {
  color: var(--accent-color);
}

.hero .btn-watch-video:hover i {
  color: color-mix(in srgb, var(--accent-color), transparent 15%);
}

.hero .animated {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

.wave-one {
  background-image: url(../img/wave1.svg);
  background-size: 100% 100px;
  bottom: 0;
  height: 100px;
  z-index: 1;
  transform: scale(1, 1);
}

.wave-two {
  background-image: url(../img/wave2.svg);
    background-size: 100% 100px;
    top: 0;
    height: 100px;
    z-index: 1;
    transform: scale(1, 1);
    margin-bottom: 50px;
}

.wave-two-light {
  background-image: url(../img/wave2-light.svg);
    background-size: 100% 100px;
    top: 0;
    height: 100px;
    z-index: 1;
    transform: scale(1, 1);
    margin-bottom: 50px;
}

.wave-three{    display: block;
  background-repeat: no-repeat;
  height: 100%;
  position: absolute;
  pointer-events: none;
  width: 100%;
  left: 0;
  right: 0;
  background-image: url(../img/wave3.svg);
  background-size: 100% 100px;
  bottom: 0;
  height: 100px;
  z-index: 10;
  transform: scale(1, 1);
}

.man-img {
  position: relative;
  margin: 4rem 0px;
}



@keyframes up-down {
  0% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(-10px);
  }
}

/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
.about .about-content h3 {
  font-weight: 700;
  font-size: 26px;
}

.about .about-content ul {
  list-style: none;
  padding: 0;
}

.about .about-content ul li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 35px;
}

.about .about-content ul li:first-child {
  margin-top: 35px;
}

.about .about-content ul i {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  font-size: 32px;
  color: #fff;
  background: var(--accent-color);
  margin-right: 15px;
  line-height: 0;
  border-radius: 5px;
}

.about .about-content ul h4 {
  font-size: 18px;
  font-weight: 600;
}

.about .about-content ul p {
  font-size: 15px;
}

.about .about-content p:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# blogs Section
--------------------------------------------------------------*/
.blogs {
  --background-color: color-mix(in srgb, #ffffff, transparent 97%);
}
.blog-page .section-title {
  font-size: 1.5rem;
  text-align: center;
}
.blogs .blog-item {
  box-shadow: 0px 5px 90px 0px
    color-mix(in srgb, var(--default-color), transparent 90%);
  background-color: var(--contrast-color);
  margin: 0px .7rem;
  padding: 1.5rem;
  transition: all ease-in-out 0.4s;
}

.blogs .blog-item .icon {
  margin-bottom: 10px;
}

.blogs .blog-item .icon i {
  color: var(--accent-color);
  font-size: 36px;
  transition: 0.3s;
}

.blogs .blog-item h4 {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 1.2rem;
}

.blogs .blog-item h4 a {
  color: var(--heading-color);
  transition: ease-in-out 0.3s;
}

.blogs .blog-item p {
  line-height: 1.3rem;
  font-size: 14px;
  margin-bottom: 0;
}

 
.blogs .blog-item:hover h4 a {
  color: var(--accent-color);
}
.sectionDesc {
  text-align: center;
  padding: 0 30px 00px;
}
.sectionDesc .btn {
 
  padding: 0.5em 2em !important;
  margin-top:30px;
}
.itemList {
  padding: 2rem;
  margin: 0rem 0rem 3rem;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.itemList h4 {
  font-size: 1.4rem;
  text-align: center;
}


.blog-page .wave {
  margin-bottom: 4rem;
}
.blog-section {
  background: #9bd5dd;
  width: 100%;
  background-size: 100% auto;
  padding: 50px 0 100px;
}
.blog-section h2 {
  margin-bottom: 2rem;
}
.blog-section p {
  margin-bottom: 3rem;
}

.blog-page .blogWrap {
  max-width: 600px;
  margin: 0 auto;
}
.blog-page .blogIcon img {
  width: 100px;
}
.blog-page .blogIcon {
  text-align: center;
  margin-top: 2rem;
}
.blog-page a.blog-back {
  color: #343434;
  font-weight: bold;
  font-size: 15px;  
  display: inline-block;
}

.tags span {
  font-size: 16px;
  font-style: italic;
}
.tags  {
  font-size: 16px;
  font-style: italic;
}
.form-control {
  padding: 0.75rem 1.5rem;
  border: 1px solid #343434;
}
.course-section {
  background: #b0ccc4;
  width: 100%;
  background-size: 100% auto;
  padding: 50px 0 30px;
}
.course-section h2 {
  margin-bottom: 3rem;
  text-align: center;
}
.course-section p {
  margin-bottom: 3rem;
}
.course-page .wave {
  margin-bottom: 4rem;
}

.course-page .sectionWrap {
  max-width: 600px;
  margin: 0 auto;
}
.course-page .blogIcon img {
  width: 100px;
}
.course-page .blogIcon {
  text-align: center;
  margin-top: 2rem;
}
.course-page a.blog-back {
  color: #fff;
  font-weight: bold;
  font-size: 15px;  
  display: inline-block;
}

.onlineres-section {
  background: #768A81;
  width: 100%;
  background-size: 100% auto;
  padding: 50px 0 50px;
}
.onlineres-section h2 {
  margin-bottom: 3rem;
  text-align: center;
}
.onlineres-section p {
  margin-bottom: 3rem;
}
.onlineres-page .wave {
  margin-bottom: 4rem;
}

.onlineres-page .sectionWrap {
  max-width: 600px;
  margin: 0 auto;
}
.onlineres-page .blogIcon img {
  width: 100px;
}
.onlineres-page .blogIcon {
  text-align: center;
  margin-top: 2rem;
}
.onlineres-page a.blog-back {
  color: #fff;
  font-weight: bold;
  font-size: 15px;  
  display: inline-block;
}

.resources-section {
  background: #f8f8f1;
  width: 100%;
  background-size: 100% auto;
  padding: 50px 0 100px;
}
.resources-section h2 {
  margin-bottom: 3rem;
  text-align: center;
}
.resources-section p {
  margin-bottom: 3rem;
}
.resources-page .wave {
  margin-bottom: 4rem;
}

.resources-page .sectionWrap {
  max-width: 600px;
  margin: 0 auto;
}
.resources-page .blogIcon img {
  width: 100px;
}
.resources-page .blogIcon {
  text-align: center;
  margin-top: 2rem;
}
.resources-page a.blog-back {
  color: #fff;
  font-weight: bold;
  font-size: 1.3rem;
  margin-bottom: 1.5rem;
  display: inline-block;
}
.resources-page .sectionDesc{
  text-align: left;
}
.onlineres-page .sectionDesc{
  text-align: left;
}

/*--------------------------------------------------------------
# Faq Section
--------------------------------------------------------------*/
.faq {
  --background-color: color-mix(in srgb, var(--accent-color), transparent 97%);
}

.faq .faq-container .faq-item {
  background-color: var(--contrast-color);
  position: relative;
  padding: 20px;
  margin-bottom: 15px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
  border-radius: 5px;
  overflow: hidden;
}

.faq .faq-container .faq-item:last-child {
  margin-bottom: 0;
}

.faq .faq-container .faq-item h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3rem;
  margin: 0 30px 0 0;
  transition: 0.3s;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.faq .faq-container .faq-item h3 .num {
  color: var(--accent-color);
  padding-right: 5px;
}

.faq .faq-container .faq-item h3:hover {
  color: var(--accent-color);
}

.faq .faq-container .faq-item .faq-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}

.faq .faq-container .faq-item .faq-content p {
  margin-bottom: 0;
  overflow: hidden;
}

.faq .faq-container .faq-item .faq-toggle {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 16px;
  line-height: 0;
  transition: 0.3s;
  cursor: pointer;
}

.faq .faq-container .faq-item .faq-toggle:hover {
  color: var(--accent-color);
}

.faq .faq-container .faq-active h3 {
  color: var(--accent-color);
}

.faq .faq-container .faq-active .faq-content {
  grid-template-rows: 1fr;
  visibility: visible;
  opacity: 1;
  padding-top: 10px;
}

.faq .faq-container .faq-active .faq-toggle {
  transform: rotate(90deg);
  color: var(--accent-color);
}

/*--------------------------------------------------------------
# ourpartners Section
--------------------------------------------------------------*/
.ourpartners {
  --default-color: #ffffff;
}

.ourpartners .section-title {
  color: var(--heading-color);
}

.ourpartners .partner {
  text-align: center;
  position: relative;
  overflow: hidden;
  max-width: 280px;
  margin: auto;
}
.ourpartners .partner img {
  border: 1px solid #ccc;
}
.ourpartners .partner .partner-info {
  opacity: 0;
  position: absolute;
  inset: 0;
  transition: 0.2s;
  max-width: 280px;
  margin: auto;
}

.ourpartners .partner .partner-info-content {
  position: absolute;
  left: 0px;
  right: 0;
  bottom: 0;
  transition: bottom 0.4s;
}
.ourpartners .container {
  max-width: 1140px;
}

.ourpartners .partner .partner-info-content h4 {
  color: var(--contrast-color);
  font-weight: 700;
  margin-bottom: 2px;
  font-size: 18px;
}

.ourpartners .partner .partner-info-content span {
  font-style: italic;
  display: block;
  font-size: 13px;
}

.ourpartners .partner .social {
  position: absolute;
  left: -50px;
  top: 0;
  bottom: 0;
  width: 50px;
  transition: left ease-in-out 0.3s;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
}

.ourpartners .partner .social a {
  transition: color 0.3s;
  display: block;
  color: var(--default-color);
  margin-top: 15px;
}

.ourpartners .partner .social a:hover {
  color: var(--accent-color);
}

.ourpartners .partner .social i {
  font-size: 18px;
  margin: 0 2px;
}

.ourpartners .partner:hover .partner-info {
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.9) 0%,
    rgba(0, 0, 0, 0.8) 20%,
    rgba(255, 255, 255, 0) 100%
  );
  opacity: 1;
  transition: 0.4s;
}

.ourpartners .partner:hover .partner-info-content {
  bottom: 30px;
  transition: bottom 0.4s;
}

.ourpartners .partner:hover .social {
  left: 0;
  transition: left ease-in-out 0.3s;
}

/*--------------------------------------------------------------
# Clients Section
--------------------------------------------------------------*/
.clients {
  --background-color: color-mix(in srgb, var(--accent-color), transparent 97%);
}

.clients .swiper-slide img {
  opacity: 0.5;
  transition: 0.3s;
}

.clients .swiper-slide img:hover {
  filter: none;
  opacity: 1;
}

.clients .swiper-wrapper {
  height: auto;
}

.clients .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.clients .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  opacity: 1;
  background-color: color-mix(in srgb, var(--default-color), transparent 80%);
}

.clients .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--accent-color);
}

/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/
.contact .info-wrap {
  box-shadow: 0px 0px 20px
    color-mix(in srgb, var(--default-color), transparent 90%);
  padding: 30px;
  border-top: 3px solid var(--accent-color);
  border-bottom: 3px solid var(--accent-color);
  height: 100%;
}

@media (max-width: 575px) {
  .contact .info-wrap {
    padding: 20px;
  }
}

.contact .info-item {
  margin-bottom: 40px;
}

.contact .info-item i {
  font-size: 20px;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
  margin-right: 15px;
}

.contact .info-item h3 {
  padding: 0;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}

.contact .info-item p {
  padding: 0;
  margin-bottom: 0;
  font-size: 14px;
}

.contact .info-item:hover i {
  background: var(--accent-color);
  color: var(--contrast-color);
}

.contact .php-email-form {
  height: 100%;
  padding: 30px;
  box-shadow: 0px 0px 20px
    color-mix(in srgb, var(--default-color), transparent 90%);
  border-top: 3px solid var(--accent-color);
  border-bottom: 3px solid var(--accent-color);
}

@media (max-width: 575px) {
  .contact .php-email-form {
    padding: 20px;
  }
}

.contact .php-email-form .error-message {
  display: none;
  background: #df1529;
  color: #ffffff;
  text-align: left;
  padding: 15px;
  margin-bottom: 1.3rem;
  font-weight: 600;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #ffffff;
  background: #059652;
  text-align: center;
  padding: 15px;
  margin-bottom: 1.3rem;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: var(--background-color);
  text-align: center;
  padding: 15px;
  margin-bottom: 1.3rem;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 1.3rem;
  height: 1.3rem;
  margin: 0 10px -6px 0;
  border: 3px solid var(--accent-color);
  border-top-color: var(--background-color);
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input[type="text"],
.contact .php-email-form input[type="email"],
.contact .php-email-form textarea {
  font-size: 14px;
  padding: 10px 15px;
  box-shadow: none;
  border-radius: 0;
  color: var(--default-color);
  background-color: color-mix(
    in srgb,
    var(--background-color),
    transparent 50%
  );
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
}

.contact .php-email-form input[type="text"]:focus,
.contact .php-email-form input[type="email"]:focus,
.contact .php-email-form textarea:focus {
  border-color: var(--accent-color);
}

.contact .php-email-form input[type="text"]::placeholder,
.contact .php-email-form input[type="email"]::placeholder,
.contact .php-email-form textarea::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 70%);
}

.contact .php-email-form button[type="submit"] {
  color: var(--contrast-color);
  background: var(--accent-color);
  border: 0;
  padding: 10px 30px;
  transition: 0.4s;
  border-radius: 50px;
}

.contact .php-email-form button[type="submit"]:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 25%);
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

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

/*--------------------------------------------------------------
# Portfolio Details Section
--------------------------------------------------------------*/
.portfolio-details .portfolio-details-slider img {
  width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.portfolio-details
  .portfolio-details-slider
  .swiper-pagination
  .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: color-mix(in srgb, var(--default-color), transparent 85%);
  opacity: 1;
}

.portfolio-details
  .portfolio-details-slider
  .swiper-pagination
  .swiper-pagination-bullet-active {
  background-color: var(--accent-color);
}

.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px
    color-mix(in srgb, var(--default-color), transparent 90%);
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid
    color-mix(in srgb, var(--default-color), transparent 85%);
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li + li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}

/*--------------------------------------------------------------
# Service Details Section
--------------------------------------------------------------*/
.service-details .blogs-list {
  padding: 10px 30px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  margin-bottom: 20px;
}

.service-details .blogs-list a {
  display: block;
  line-height: 1;
  padding: 8px 0 8px 15px;
  border-left: 3px solid
    color-mix(in srgb, var(--default-color), transparent 70%);
  margin: 20px 0;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  transition: 0.3s;
}

.service-details .blogs-list a.active {
  color: var(--heading-color);
  font-weight: 700;
  border-color: var(--accent-color);
}

.service-details .blogs-list a:hover {
  border-color: var(--accent-color);
}

.service-details .blogs-img {
  margin-bottom: 20px;
}

.service-details h3 {
  font-size: 26px;
  font-weight: 700;
}

.service-details h4 {
  font-size: 20px;
  font-weight: 700;
}

.service-details p {
  font-size: 15px;
}

.service-details ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.service-details ul li {
  padding: 5px 0;
  display: flex;
  align-items: center;
}

.service-details ul i {
  font-size: 20px;
  margin-right: 8px;
  color: var(--accent-color);
}

/*--------------------------------------------------------------
# Starter Section Section
--------------------------------------------------------------*/
.starter-section {
  /* Add your styles here */
}

@font-face {
  font-family: "domine-reg";
  src: url(/assets/font/Domine-Regular.ttf);
}

.wave {
  margin-top: -80px;
}

.btn-size {
  --bs-btn-padding-x: 4.75rem !important;
}

.bg-sky-blue {
  background-color: #68d5dd;
  width: 100%;
  height: max-content;
}
 
.btn {
  display: inline-block;
   padding: 0.8em 2em;
  color: #91d4dc;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;    
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border: 2px solid #91d4dc;
  line-height: 1.5rem;
    font-size: 16px;
    background-color: #ffffff;
    border-color: #7cd6de;
    border-radius: 50px;
    letter-spacing: 1px;
    
}
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active,
.btn:hover {
  color: #fff;
  background-color: #9bd5dd;
  border-color: #9bd5dd;
}
.btn-block {
  width: 100%;
}
.btn-white {
  background: #fff;
  border-color: #fff;
  color: #91d4dc;
}
.btn-white:hover {
  background: #9bd5dd;
  border-color: #fff;
  color: #fff;
}

.has-search {
  position: relative;
}

.joinList .form-control {
  border-radius: 0;
  border: none;
}
.joinList p {
  font-size: 18px;
  margin-top: 15px;
}

.has-search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #aaa;
  background: url(../img/searchicon.svg) no-repeat center center;
  background-size: 20px 20px;
  right: 5px;
  top: 5px;
}

.wave {
  margin-top: -80px;
}

.btn-career {
  --bs-btn-padding-x: 2.75rem;
}

.blog-radius {
  border-radius: 30px;
}



.iconbox {
  max-width: 400px;
  margin: 0 auto 2rem;
  min-height: 260px;
}
.iconbox img {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.career-page h2 { margin-bottom: 30px;}
.career-page .iconbox {
  max-width: 400px;
  margin: 0 auto;
  min-height: 280px;
  padding: 0 18px;
}
.career-page .hero-img {
  margin-bottom: 60px;
}
.career-page .hero-img img {
  max-height: 500px;
}
.career-page .whatcan {
  margin: 60px auto 60px;
  max-width: 600px;
}
main.main.career-page p {
  text-align: center;
}
.career-page .whywork {
  margin: 0px auto 30px;
  max-width: 680px;
}
.titleBlock {
  max-width: 300px;
  margin: 0 auto;
}
.titleBlock p{ margin-bottom: 2rem;}
.map { background-color:#b7cbc3; text-align: center; }
.map .hastag {
  background:url(../img/map.png) #b7cbc3 no-repeat center center;  
  background-size: contain;
  padding: 100px 0;
  text-align: center;
  color: #fff;
  position: relative;
}
.map h2 {  
  color: #fff;
    padding: 30px 0px;
    margin: 0;
    font-size: 1.5rem;
}
.map .hastag span {
  color: #fff;
  font-size: 100px;    
  margin: 0 auto;
  font-weight: bold;
}

.mt-6 {
  margin-top: 4.5rem !important;
}
.mt-7 {
  margin-top: 6rem !important;
}
.mt-8 {
  margin-top: 7.5rem !important;
}

.resources-cat {
  background-color: #f8f8f1;
  margin: 150px 0px 0;
  padding-bottom: 100px;
}
.resources-cat h2 {
  text-align: center;
  margin: 0 0 3rem;
  font-size: 2rem;
}
.resources-cat h4 {
  text-align: center;
  margin: 0 0 1.5rem;
  font-size: 1.2rem;
}
.resources-cat .icon-box {
  text-align: center;
  padding: 50px 30px 50px;
  margin: 0 15px;
  display: block;
  color: #000;
  transition: all .3s ease-in-out; 
}

.resources-cat .icon-box:hover { 
transform: scale(1.1); 
}

.resources-cat .col1 {
  background: #9bd5dd;
}
.resources-cat .col2 {
  background: #b7cbc3;
}
.resources-cat .col3 {
  background: #768a81;
  color: #fff;
}
.resources-cat .col3 h4 {
  color: #fff;
}
.resources-cat .icon-box a {
  font-weight: bold;
}
.resources-cat .icon-box img {
  margin-bottom: 2.5rem;
  width: 100px;
  height: 100px;
  object-fit: contain;  
}
.resources-cat .icon-box a {
  font-weight: bold;
  margin: 50px 0px 0;
  display: block;
  cursor: pointer;
}

.bodytxt {
  padding: 2.5rem 0px 1.5rem;
  font-weight: 400;
}

.bodytxt h1 {
  font-size: 2rem;
  margin-bottom: 1.5rem;
}

.bodytxt h2 {
  font-size: 16px;
  margin-bottom: 30px;
  font-family: var(--default-font);
  font-weight: bold;
}

.bodytxt p {
  margin-bottom: 2rem;
}

.bodytxt ul {
  list-style: none;
  margin: 0 0 1.5rem;
  padding: 0 0 1.2rem 1.5rem;
}
.bodytxt ul li {
  margin: 0 0 1.2rem;
}

.therapist-page .therapist-contain {
  padding: 5rem 0px;
  text-align: center;
}
.therapist-page .therapist-contain h1 {
  margin-bottom: 1.5rem;
}
.therapist-page  .accordion-body {  
  text-align: left;
  padding: 30px 40px;
}
.therapist-page .accordion-button {
  padding: 15px 40px;
}

.accordion-section button.accordion-button {
  background: transparent !important;
  box-shadow: none !important;
 
}
.accordion .ac{     border: 1px solid #ccc;
  margin-bottom: 1rem;}
.accordion-section button.accordion-button span {
  display: block;
  text-align: center;
  width: 100%;
  font-weight: bold;
  color: #343434;
  font-family: var(--default-font);
  font-size:15px;
}
.accordion-button::after{ 
  filter: invert(82%) sepia(29%) saturate(367%) hue-rotate(141deg) brightness(97%) contrast(89%);
}

.accordion-section .accordion-collapse {
  z-index: 1;
  position: relative;
}
.tick li:before {
  content: "";
  background: url(../img/true-icon.png) no-repeat;
  width: 16px;
  height: 13px;
  display: inline-block;
  margin: 0 15px 0 -30px;
}

ul.tick {
  list-style: none;
  margin: 15px 0px;
  padding: 0;
}

ul.tick li {
  padding-left: 30px;
  margin-bottom: 10px;
}

.proImg {
  border-radius: 50%;
  overflow: hidden;
  max-width: 290px;
  margin: auto auto 3rem;
}
a.back-link {
  color: #313131;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 1.5rem;
  display: inline-block;
}
.counsellor-page .btn { margin: 15px 0;}
.counsellor-page .back-link  { margin: 15px 0;}
.counsellor-contain {
  margin: 3rem 0 1rem;
}
 
.counsellor-contain h5 {
  margin-bottom: 1rem;
  font-size:16px;
}
.counsellor-contain p {
  margin-bottom: 3rem;
  font-size:15px;
}
.counsellor-contain ul {
  margin-bottom: 3rem;
}

.find-counsellor-page .wave {
  margin-bottom: 4rem;
}

.find-counsellor-page .sectionWrap {
  max-width: 600px;
  margin: 0 auto;
}
.find-counsellor-page .blogIcon img {
  width: 100px;
}
.find-counsellor-page .blogIcon {
  text-align: center;
  margin-top: 2rem;
}
.find-counsellor-page a.blog-back {
  color: #fff;
  font-weight: bold;
  font-size: 1.3rem;
  margin-bottom: 1.5rem;
  display: inline-block;
}
.find-counsellor-contain {
  padding: 3rem 0rem;
}
.find-counsellor-contain .col-lg-9 .col-lg-4 {
    margin-bottom: 15px;
}

.filtercheckbox {
  list-style: none;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size:15px;
}
ul.filtercheckbox li {
  margin-bottom: 10px;
}
.fc-item .img {
  padding: 0 0.5rem;
}
.fc-item .img img {
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 1.5rem;
  border: 1px solid #afafaf;
}

.fc-item {
  text-align: center; 
  padding: 20px 30px 15px 30px;
  box-shadow: 0px 0 4px 2px #e7e6e6db;
  position: relative;
  min-height: 100%;
  margin: 0px auto;
}
.fc-item h5 { font-weight: bold; margin-top: 1rem;     font-size: 1rem;}
.fc-item h6 { margin: 0;}


.fc-contain {
  text-align: center;
  margin-bottom: 3rem;
}
.fc-contain .accordion > div {
  text-align: center;
  margin-bottom: 0.5rem;
}

.fc-item .read-more-btn {
  min-width: 100%;
}
.fc-item ul.tick {
  text-align: left;
}

.fc-section {
  width: 100%;
  background-size: 100% auto;
  padding: 2rem 0 4rem;
  background-color: #7BD6DE;
}
.fc-section h2 {
  margin-bottom: 3rem;
  text-align: center;
}
.fc-section p {
  margin-bottom: 3rem;
}
.form-group {
  margin-bottom: 1.5rem;
}
main.main {
  margin-bottom: 3rem;
}
.wave-c {background-image: url(../img/wave-more.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;     height: 235px;}
.wave-fc  {
  overflow: hidden;
  position: absolute;
  left: 0;
  width: 100%;
  line-height: 0;
  direction: ltr;
  margin-top: -60px;
  transform: rotate(180deg);
}
.wave-fc svg 
{    display: block;
  width: calc(100% + 1.3px);
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: calc(180% + 1.3px);
  height: 62px;
}

.wave-fc svg .elementor-shape-fill {
  fill: #fff;
  transform-origin: center;
  transform: rotateY(0deg);
}


.blogpost-page {
  padding: 3rem 0px;
}
.blogpost-page .info img {
  width: 1.3rem;
  border-radius: 50%;
  margin-right: 5px;
  border: 1px solid #afafaf;
}
.blogpost-page .info {
  margin-bottom: 1.5rem;
  font-size:14px;
}
.blogpost-page .userInfo h1 {
  margin-bottom: 1rem;
}
.blogpost-page .blogImg {
  margin: 2rem 1.5rem;
  border: 1px solid #afafaf;
}
.blogpost-page .blogpost-text {
  max-width: 860px;
  margin: 3rem auto 3rem;
}
.blogpost-page .blogpost-text p { font-weight: 400;
}
.blogpost-page .blogpost-text h2 { font-size:24px; margin-bottom: 15px;}
.blogpost-page .shareInfo {
  margin: 2rem 1.5rem;
}
.blogpost-page .related-cat h5 {
  margin-bottom: 2rem;
  margin: 2rem 1.5rem 1.5rem;
  font-size:16px
}
.blogpost-page h6 {
  font-size:16px
}
.blogpost-page .userInfo {
  margin: 0 1.5rem;
}

.joinList {
  padding: 4rem 1.5rem;
}

.forms-page .mainImg img {
  width: 100%;
  height: 45rem;
  object-fit: cover;
  object-position: top center;
}
.forms-page textarea.form-control {
  border: 1px solid #343434 !important;
  padding: 1rem !important;
  min-height: 10rem;
}


.form-contain .form-control {
  border-width: 0 0 1px 0px;
  border-radius: 0;
  padding-left: 0;
}
.form-contain select.form-control {
  appearance: none;
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: right 0.7rem top 50%;
  background-size: 0.65rem auto;
}
.form-contain h6 {
  margin-bottom: 1rem;
}



input[type="checkbox"] {
  vertical-align: top;
  margin-top: 6px;
  margin-right: 10px;
}


@media (max-width: 767px) {
  .wave-c {
    background-size: cover;     height: 75px;}

  .sectionDesc {
    text-align: center;
    padding: 0px 0 30px;
}

  .itemList .card-img {
    margin:0px 0 30px;
  }
  .blog-page .sectionDesc {
    text-align: center;
    padding: 0;
}
  .map { padding: 0 30px; }
  .map .hastag { padding: 60px 0px 30px; }
  .map h2 {
    color: #fff;
    padding: 0px 30px 30px;
    margin: 0;
    font-size: 18px;
}
  .wave-one, .wave-two, .wave-three {
  background-size: 100% 48px;
  bottom: 0;
  height: 48px;
  }

  .hero h1 {
    font-size: 28px;
    line-height: 36px;
  }

  .hero p {    
      font-size: 18px;      
      margin: 0 0 30px;
  }

  .hero .btn-get-started,
  .hero .btn-watch-video {
    font-size: 13px;
  }

  .btn {
    min-width: auto;
  }

  .blogpost-page .blogpost-text {
    margin: 2rem 1.5rem 3rem;
  }
  .fc-contain .btn {
    width: 100%;
  }
  .wave {
    margin-top: -30px;
}
.wave img {
  max-height: 30px;
}

}

@media (min-width: 1600px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1140px;
  }
}


.formbold-mb-5 {
  margin-bottom: 20px;
  position: relative;
}
.formbold-pt-3 {
  padding-top: 12px;
}
.formbold-main-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px;
}

.formbold-form-wrapper {
  margin: 0 auto;
  max-width: 550px;
  width: 100%;
  background: white;
}
.formbold-form-label {
  display: block;
  font-weight: 500;
  font-size: 16px;
  color: #07074d;
  margin-bottom: 12px;
}
.formbold-form-label-2 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 20px;
}

.formbold-form-input {
  width: 100%;
  padding: 12px 24px;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
  background: white;
  font-weight: 500;
  font-size: 16px;
  color: #6b7280;
  outline: none;
  resize: none;
}
.formbold-form-input:focus {
  border-color: #6a64f1;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);
}

.formbold-btn {
  text-align: center;
  font-size: 16px;
  border-radius: 6px;
  padding: 14px 32px;
  border: none;
  font-weight: 600;
  background-color: #6a64f1;
  color: white;
  cursor: pointer;
}
.formbold-btn:hover {
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);
}

.formbold--mx-3 {
  margin-left: -12px;
  margin-right: -12px;
}
.formbold-px-3 {
  padding-left: 12px;
  padding-right: 12px;
}
.flex {
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.w-full {
  width: 100%;
}

.titleBlock h2 {
  font-size: 26px;
}
.iconbox h5 {
  font-size: 16px;
  font-weight: 600;

}


.formbold-file-input input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

.formbold-file-input label {
  position: relative;
  border: 1px solid #343434;
  border-radius: 0;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px;
  text-align: center;
}
.formbold-drop-file {
  display: block;
  font-weight: 600;
  color: #07074d;
  font-size: 20px;
  margin-bottom: 8px;
}

.formbold-or {
  font-weight: 500;
  font-size: 16px;
  color: #6b7280;
  display: block;
  margin-bottom: 8px;
}
.formbold-browse {
  font-weight: 500;
  font-size: 1rem;
  display: inline-block;
  padding: 8px 28px;
}

.formbold-file-list {
  border-radius: 6px;
  background: #f5f7fb;
  padding: 16px 32px;
}

.formbold-file-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.formbold-file-item button {
  color: #07074d;
  border: none;
  background: transparent;
  cursor: pointer;
}

.formbold-file-name {
  font-weight: 500;
  font-size: 16px;
  color: #07074d;
  padding-right: 12px;
}
.formbold-progress-bar {
  margin-top: 20px;
  position: relative;
  width: 100%;
  height: 6px;
  border-radius: 8px;
  background: #e2e5ef;
}

.formbold-progress {
  position: absolute;
  width: 75%;
  height: 100%;
  left: 0;
  top: 0;
  background: #6a64f1;
  border-radius: 8px;
}
.formTxt { max-width: 45rem; margin-bottom: 3rem;}
.text-right { text-align: right;}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #68d5dd;
  border-radius: 100%;
  background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #68d5dd;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}



.bi.bi-chevron-down::before { font-weight: bold !important; }

.video_box { margin: 30px 0px;}
.video_box video { width: 100%; height: auto;}
 

.counter {
  animation-duration: 1s;
  animation-delay: 0s;
}

.navmenu li {
    list-style: none;
}

/* Amends 26th August 2024 */
.alm-btn-wrap {
  text-align:center;
}

/* Amends 15th Oct 2024 */
#gform_submit_button_4, #gform_submit_button_5, #gform_submit_button_1, #gform_submit_button_2, #gform_submit_button_3 {
	display: inline-block;
   	padding: 0.8em 2em;
  	color: #91d4dc;
  	font-weight: 500;
  	text-align: center;
  	text-decoration: none;
  	vertical-align: middle;
  	cursor: pointer;
  	-webkit-user-select: none;
  	-moz-user-select: none;
  	user-select: none;    
  	background-color: var(--bs-btn-bg);
  	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  	border: 2px solid #91d4dc;
  	line-height: 1.5rem;
    font-size: 16px;
    background-color: #ffffff;
    border-color: #7cd6de;
    border-radius: 50px;
    letter-spacing: 1px;
}

.counsellor-contain p {font-size: 16px;}

/* Reset any unwanted styles for .partner class */
.reset-partner-styles {
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    text-align: center !important;
}

/* Custom column size to fit 8 items in a row */
@media (min-width: 992px) {
    .col-lg-1-5 {
        width: 12.5% !important; /* 100 / 8 = 12.5% width per column */
    }
}

@media (min-width: 768px) {
    .col-md-3 {
        width: 25% !important; /* 4 items per row on medium screens */
    }
}

.col-6 {
    width: 15% !important; /* 2 items per row on small screens */
}

/* Ensure images are 150x150 pixels */
.partner-img img {
    width: 150px !important;
    height: 150px !important;
    object-fit: cover !important; /* Ensures images are not stretched */
}

/* Reset margins and paddings for images */
.partner-img {
    padding: 0 !important;
    margin: 0 auto !important;
}

/* Optional: Add spacing between images if needed */
.row.gy-4 > div {
    margin-bottom: 15px;
}