:root {
  --primary-color:#144992;
  --secondary-color:#f16803;
  --white-color:#fff;
  --black-color:#0e0e0e;
  --gal-md: 'galano_grotesquemedium';
  --gal-rg: 'galano_grotesqueregular';
  --gal-thin: 'galano_grotesquethin';
  --gal-smb: 'galano_grotesquesemibold';
 
 }
 
 
 @font-face {
   font-family: 'galano_grotesquebold';
   src: url('../fonts/galanogrotesquebold-webfont.woff2') format('woff2'),
        url('../fonts/galanogrotesquebold-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
 
 }
 @font-face {
   font-family: 'galano_grotesqueextrabold';
   src: url('../fonts/galanogrotesqueextrabold-webfont.woff2') format('woff2'),
        url('../fonts/galanogrotesqueextrabold-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
 
 }
 @font-face {
   font-family: 'galano_grotesquelight';
   src: url('../fonts/galanogrotesquelight-webfont.woff2') format('woff2'),
        url('../fonts/galanogrotesquelight-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
 
 }
 @font-face {
   font-family: 'galano_grotesquemedium';
   src: url('../fonts/galanogrotesquemedium-webfont.woff2') format('woff2'),
        url('../fonts/galanogrotesquemedium-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
 
 }
 @font-face {
   font-family: 'galano_grotesqueregular';
   src: url('../fonts/galanogrotesqueregular-webfont.woff2') format('woff2'),
        url('../fonts/galanogrotesqueregular-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
 
 }
 @font-face {
   font-family: 'galano_grotesquesemibold';
   src: url('../fonts/galanogrotesquesemibold-webfont.woff2') format('woff2'),
        url('../fonts/galanogrotesquesemibold-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
 
 }
 @font-face {
   font-family: 'galano_grotesquethin';
   src: url('../fonts/galanogrotesquethin-webfont.woff2') format('woff2'),
        url('../fonts/galanogrotesquethin-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
 
 }
 
 @font-face {
   font-family: 'galano_grotesquethin_italic';
   src: url('../fonts/galanogrotesquethinitalic-webfont.woff2') format('woff2'),
        url('../fonts/galanogrotesquethinitalic-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
 
 }
 p:empty { display: none }
 .blue-grd{
   background: rgb(77,54,199);
   background: linear-gradient(144deg, rgba(77,54,199,1) 0%, rgba(61,41,162,1) 97%);  
 }
  .tm-img-col {
  position: absolute;
  right: 50px;
  top: 40px;
}
.tm-img-col.pb-tm {
  left: 60px;
  right: initial;
  top: 60px;
}
 
 .light-blue-grd{
   background: rgb(244,252,255);
     background: linear-gradient(180deg, rgba(244,252,255,1) 0%, rgba(229,247,255,1) 97%);
 }
 .red-grd{
   background: rgb(229,51,49);
   background: linear-gradient(144deg, rgba(229,51,49,1) 0%, rgba(213,30,27,1) 97%);  
 }
 .yellow-grd{
   background: rgb(357,186,45);
   background: linear-gradient(144deg, rgba(255,186,45,1) 0%, rgba(255,173,31,1) 97%);  
 }
 .black-grd{
   background: rgb(137,137,137);
   background: linear-gradient(144deg, rgba(137,137,137,1) 0%, rgba(109,109,109,1) 97%);  
 }
 .green-grd{
   background: rgb(134,175,71);
   background: linear-gradient(144deg, rgba(134,175,71,1) 0%, rgba(124,162,51,1) 97%);  
 }
 .skyblue-grd{
   background: rgb(32,183,240);
   background: linear-gradient(144deg, rgba(32,183,240,1) 0%, rgba(7,175,238,1) 97%);  
 }
 .gal-bold{
   font-family: 'galano_grotesquebold';
 }
 /*Acount css Here*/
 .res-section.account-page {
    padding:90px 0px;
}
.article-left ul li {
  font-size: 16px;
  margin-bottom:7px;
  list-style: disc;
  list-style-position: inside;
  text-align: justify;
}
.article-left ul li span{
  font-size: 16px;
  font-family: 'galano_grotesqueregular';
}
.article-left ul li::marker{
  color:var(--primary-color);
  font-size:20px;
}
.res-section.account-page .um-account-side {
    background-color: #fafafa;
    border-radius: 5px;
    position: sticky;
    top: 100px;
    padding: 40px;
    padding-bottom: 60px;
    height: fit-content;
    max-width: 357px;
    min-width: 340px;
}
.res-section.account-page .um-account-main {
    max-width: 801px;
    width: 100%;
    float: right !important;
    background-color: #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,.2);
    padding: 55px;
    border-radius: 5px;
}
.res-section.account-page .um-account-side li {
    margin-bottom: 10px !important;
}
.res-section.account-page .um-account-side li a{
    height: 50px;
    display: flex !important;
    align-items: center;
}
.res-section.account-page .um-account-side li a span.um-account-icon{
    width: 50px !important;
}
.res-section.account-page .um-account-side li a span.um-account-arrow {
    top: 11px;
}
 /*Acount css end Here*/
 /*Error 404 css*/
 .error-404 {
    height: calc(100vh - 350px);
    display: flex;
    flex-direction: column;
    margin: auto;
    justify-content: center;
    align-items: center;
    max-width: 500px;
    text-align: center;
}
.error-404 .search-field {
    height: 43px;
    padding-left: 20px;
    font-size: 18px;
    width: 100%;
    max-width: 300px;
    border: 1px solid #b5b5b5;
    border-radius: 5px;
}
.error-404 label{
   font-size:17px;
}
 /*Error 404 css*/
 .opacity-7{
   opacity: .7;
   cursor: not-allowed;
 }
 .gal-smibold{
   font-family: 'galano_grotesquesemibold';
 }
 .gal-med{
   font-family: 'galano_grotesquemedium';
 }
 .gal-light{
   font-family: 'galano_grotesquelight';
 }
 .gal-thin{
 font-family: 'galano_grotesquethin_italic'; 
 }
 .gal-regular{
  font-family: 'galano_grotesqueregular';
 }
 .start-btn.common-btn{
     height:40px;
 }
.hero-text h1 {
    line-height: 7.2rem;
}
 html {
   font-size: 62.5%;
   transition: 0.8s ease-in-out;
 }
 body {
   font-family: 'galano_grotesqueregular';
   margin: auto;
   width: 100%;
   height: 100%;
   max-width: 1920px;
   overflow-x:hidden;
 }
 .nswt span {
     width: calc(50% - 12px);
 }
 .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
     border-color: transparent;
     color: #dc3232;
     padding: 0;
 }
 .wpcf7 form .wpcf7-response-output {
     margin: 0.1em 0em 0.1em;
     padding: 0;
     border: 0;
     font-size: 16px;
     position: absolute;
 }
 .wpcf7-not-valid-tip { 
     font-size: 1.6em!important;
 }
 .capable-section .wpcf7 form .wpcf7-response-output{ 
     display: block;
     text-align: center;
     color: #FFFFFF;
     margin: auto;
     left: 0;
     right: 0;
     margin-top: 15px;
 } 
 .hero-newsletter .wpcf7 form .wpcf7-response-output{ 
     display: block;
     text-align: center;
     color: #FFFFFF;
     position:static;
     margin-top: 15px;
 } 
 .common-section .wpcf7 form .wpcf7-response-output{ 
        display: block;
        text-align: center; 
        position: static;
        margin-top: 15px;
     
 }
.hero-text {
    max-width: 650px;
}
 .italic {
   font-style: italic;
 }
 .breadcrumb{
   padding-top: 1rem;
 }
 .breadcrumb-item+.breadcrumb-item::before {
   color: #ffffff;
 }
 nav.border-bottom {
   border-bottom: 1px solid #dee2e64d!important;
 }
 .breadcrumb span{
   font-size: 16px;
   font-family: 'galano_grotesquelight';
   color: #FFF;
 }
 .breadcrumb  a{
   font-size: 16px;
   font-family: 'galano_grotesqueregular';
 color: #6c757d;
     /*content: var(--bs-breadcrumb-divider, "/");*/
 }
  /*color: #FFF;*/
 .breadcrumb  span > a:after {
    
     padding-right: 0.5rem;
     color: #FFF;
     content: var(--bs-breadcrumb-divider, "/");
     margin-left: 7px;
 }
 
 .bg-white {
   background-color: var(--white-color) !important;
 }
 .color-white {
   color: var(--white-color) !important;
 }
 .text-black {
   color: var(--black-color);
 }
 .text-blue {
   color: var(--primary-color);
 }
 .text-orange{
   color: var(--secondary-color);
 }
 
 .container {
   max-width: 1330px;
   padding: 0 20px !important;
 }
 
 .fz12 {
   font-size: 12px !important;
 }
 .fz13 {
   font-size: 13px !important;
 }
 .fz14{
   font-size: 14px !important;
 }
 .fz15 {
   font-size: 15px !important;
 }
 .fz16 {
   font-size: 16px !important;
 }
 .fz18 {
   font-size: 18px !important;
 }
 .fz20 {
   font-size: 2.0rem !important;
 }
 .fz22 {
   font-size: 2.2rem !important;
 }
 .fz24 {
   font-size: 2.4rem !important;
 }
 .fz25{
   font-size: 2.5rem !important;
 }
 .fz26{
   font-size: 2.6rem !important;
 }
 .fz27{
   font-size: 2.7rem !important;
 }
 .fz28{
   font-size: 2.8rem !important;
 }
 .fz36{
   font-size: 3.6rem !important;
 }
 .fz48{
   font-size: 4.8rem !important;
 }
 .fz52{
   font-size: 5.2rem !important;
 }
 .fz56{
   font-size: 5.6rem !important;
 }
 .fz68{
   font-size:6.8rem !important;
 }
 .fz72{
   font-size: 7.2rem !important;
 }
 
 .outline-0 {
   outline: none;
 }
 
 .btn-group * {
   border-radius: 4px !important;
 }
 
 ul {
   padding: 0px;
   margin: 0px;
   list-style-type: none;
 }
 
 a {
   text-decoration: none;
 }
 /* Wav css */
 #gradient-canvas {
   width:100%;
   height:100%;
   --gradient-color-1: #069fdb; 
   --gradient-color-2: #0682c2; 
   --gradient-color-3: #0682c2;  
   --gradient-color-4: #065fa1;
   z-index:0;
   position: absolute;
   top: 0;
 }
 /* Wav css */
 .res-section.register {
     display: flex;
     align-items: center;
     padding:70px 0px;
 }
 .res-section.register .um-button, .res-section.register input[type=submit].um-button:focus{
     background: #f16803 !important;
     font-family: 'galano_grotesquesemibold';
     color: var(--white-color);
     font-size: 18px;
     padding: 10px 25px !important;
     border-radius: 5px !important;
     height: 52px !important;
     align-items: center;
     line-height: 18px !important;
     position: relative;
     overflow: hidden;
     transition: 0.5s ease-in-out;
 }
 .res-section.register .um-button:hover{
     background: var(--primary-color) !important;
 }
 .res-section.register a.um-button.um-alt {
     background: transparent !important;
     box-shadow: none;
     border: 1px solid var(--secondary-color) !important;
     color: var(--secondary-color);
     display: flex;
     align-items: center;
     justify-content: center;
 }
 .res-section.register a.um-button.um-alt:hover{
     background: var(--secondary-color) !important;
     box-shadow: none;
     border: 1px solid var(--secondary-color) !important;
     color: #fff;
 }
 .tools-page p {
     font-size: 18px;
     margin-bottom: 15px;
 }
 .tools-page h3 {
     font-size: 2.4rem;
     font-family: 'galano_grotesquebold';
     margin-top: 3rem!important;
     margin-bottom: 3rem!important;
 }
 .res-section.register input[type=text].um-form-field, .res-section.register input[type=password].um-form-field{
     height: 54px !important;
     background-color: #fff !important;
     border: 1px solid #dce1e3 !important;
 }
 .res-section.register .container {
     box-shadow: 0px 0px 10px rgba(0,0,0,.1);
     padding: 30px !important;
     max-width: 500px;
     border-radius: 5px;
 }
 
 /*dropdown css*/
 .main-nav ul li {
   position: relative;
   padding: 0rem 2rem;
 }
 .main-nav ul ul {
   border: 1px solid #eee;
     position: absolute;
     background-color: #fff;
     min-width: 270px;
     z-index: 30;
     -webkit-transition: 0.3s ease;
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
     visibility: hidden;
     opacity: 0;
     box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
     border-radius: 4px;
     padding: 5px 10px;
 }
 .main-nav ul ul:before {
   content: '';
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   border-bottom: 10px solid #cbcbcb;
   position: absolute;
   top: -11px;
   left: 30px;
 }
 .main-nav ul ul:after {
   content: '';
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   border-bottom: 10px solid #f8f9fa;
   position: absolute;
   top: -10px;
   left: 30px;
 }
 .main-nav ul > li:hover > ul {
   margin-top: 30px;
   visibility: visible;
   opacity: 1;
 }
 .main-nav ul ul ul {
   left: 104%;
   top: 0;
   margin-top: 0 !important;
 }
 .main-nav .sub-child-menu:after {
    content: "";
    position: absolute;
    right:6px;
    top:8px;
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    transform: rotate(-90deg);
    background:url('data:image/svg+xml,\00003csvg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">\00003cpath fill="%2370757a" d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z">\00003c/path>\00003c/svg>');
 }
 
 .main-nav .dropdown:after{
   content: "";
    position: absolute;
    /*right: 0px;*/
    top: -2px;
    height: 23px;
    width: 23px;
    background-repeat: no-repeat;
     background:url('data:image/svg+xml,\00003csvg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">\00003cpath fill="%2370757a" d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z">\00003c/path>\00003c/svg>');
 }
 .main-nav ul ul li:hover > a {
   background-color: #fff;
   color: #f35c27;
 }
 .main-nav ul > li > ul {
   margin-top: 20px;
 }
 .sub-child-menu ul::after{
   display: none;
 }
 .sub-child-menu ul::before{
   display: none;
 }
 /*.main-nav ul > li:hover > ul {*/
 /*  margin-top: 10px;*/
 /*  visibility: visible;*/
 /*  opacity: 1;*/
 /*}*/
 .sub-menu > li > a ,.sub-child-menu ul li a{
   display: block;
   margin: 0px !important;
   padding: 8px 7px !important;
   border-bottom: 1px solid #ebebeb;
   font-size: 17px !important;
   text-transform: capitalize !important;
 }
 .checkup-left-menue .sub-menu li a {
   display: block;
   margin: 0px !important;
   padding: 0px !important;
   border-bottom: none;
   font-size: 18px !important;
   text-transform: capitalize !important;
 }
 /*dropdown css*/
 
 /* common-btn */
 .common-btn {
   background-color: Var(--secondary-color);
   color: var(--white-color);
   font-size: 18px;
   padding: 10px 25px;
   border-radius:5px;
   height: 45px;
   align-items: center;
   line-height: 18px;
   position: relative;
   overflow: hidden;
   transition: 0.5s ease-in-out;
 }
 
 .common-btn:before {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background-color: var(--primary-color);
   transform: translateX(-100%);
   color: var(--white-color);
   z-index: -1;
   transition: 0.5s ease-in-out;
 }
 .common-btn:hover{
   background-color: transparent;
   color:#fff
 }
 .common-btn:hover:before {
   transform: translateX(0);
 }
 
 /* common-section */
 .common-section {
   padding: 8.0rem 0;
 }
 /* common-section */
 .title{
   font-size: 5.6rem;
   margin-bottom: 20px;
 }
 .subtitle{
   font-size: 2.4rem;
 }
 /* Nav */
 .header-navigation .main-nav ul > li > a{
   position: relative;
   font-size: 17px;
   line-height: 18px;
   position: relative;
   transition: all .4s ease-out;
   color: var(--black-color);
   font-family: var(--gal-md);
   padding-bottom: 5px;
 }
 .main-nav .current-menu-item a {
   color: #194d95 !important;
   border-bottom: 1px solid #194d95;
 }
 .header-navigation .main-nav ul li a:hover{
   color: var(--primary-color);
 }
 
 /* Hero */
 .hero{
   background-image: url(../images/hero-bg.jpg);
   position: relative;
   padding-top:6.8rem;
   padding-bottom:6.7rem;
 }
 .hero .shap{
   position: absolute;
   z-index: 1;
   pointer-events: none;
   bottom: -2px;
   width: 100%;
 }
 .hero figure{
   bottom: 0;
   margin-bottom: 0;
   position:relative;
 }
 .hero figure img{
   width:100%;
   max-width:629px;
	position: absolute;
	top: 0;
	left: 0;
 }
 .blue-left {
   max-width: 428px;
 }
 .aboutus-right {
   padding-left: 8rem;
 }
 .aboutus-right p{
   line-height: 28px;
 }
 
 /* About */
 .about-section{
   background-color: #edf6fa;
 }
 /* footer */
 footer{
   background-color: var(--primary-color);
   color: var(--white-color);
 }
 footer img{
   max-width:350px;
   width: 100%;
 }
 .copy-sec {
   background-color: #020d1c;
   padding: 32px 0px;
 }
 .copy-sec p{
   margin-bottom: 0;
 }
 footer ul li a {
   color: #fff !important;
   padding: 0px 10px;
   font-size: 17px;
 }
 .social-link {
   position: absolute;
   right: 0;
 }
 ul.social-link li a {
   border: 1px solid #fff;
   margin: 5px;
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50%;
 }
 ul.social-link li a:hover{
   border: 1px solid var(--secondary-color);
   background-color: var(--secondary-color);
 }
 .hero-text p{
   position: relative;
   max-width: 600px;
 }
 /* Capable */
 .capable-section {
   background-image: url(../images/capable-bg.jpg);
   background-size: cover;
 }
 .capable-section .title + p{
   max-width: 750px;
   margin: auto;
 }
 .subscribe-form{
   max-width:1050px;
   margin: auto;
 }
 .subscribe-form .form-control {
   height: 54px;
   padding-left: 20px;
   font-size: 18px;
   width: calc(100% - 20px);
 }
 .subscribe-form .common-btn {
   height: 54px;
   max-width: 193px;
   width: 100%;
   justify-content: center;
 }
 .que-f-col {
     margin-bottom: 45px;
     text-align: center;
     margin-top: 45px;
 }
 .particles-col {
   box-shadow: 0px 0px 4px 2px rgba(0,0,0,.1);
   border-radius: 5px;
   padding-bottom: 10px;
   overflow: hidden;
   height: 100%;
 }
 /* About css */
 .mission-section {
   background-color: #e9f9ff;
   padding: 50px 0px;
   margin-top: -296px;
 }
 .about-page-section figure{
   margin-top: 145px;
   border: 20px solid #fff;
 }
 .about-page-section .aboutus-right,.mission-section .aboutus-right{
   padding-left: 4rem;
 }
 .learn-more-section .title {
   max-width: 650px;
   margin: auto;
 }
 .learn-more-section p {
   max-width: 900px;
   margin: auto;
 }
 @media (min-width: 576px){
 .about-page-section .col-sm-4{
     width: 38.333333%;
 }
 .about-page-section .col-sm-8{
   width: 61.666667%;
 }
 }
 @media (max-width: 991px){
     .main-nav .dropdown:after {
    right: 0px;
    top: 3px;
     }
 }
 @media (min-width: 992px){
li.dropdown {
    display: flex;
}
.main-nav .dropdown:after {
    position: static;
    margin-top:-3px;
}
 .mission-section .offset-lg-4{
   margin-left: 38.333333%;
 }
 .mission-section .col-lg-8{
   width: 61.666667%;
 }
 }
 /* About css end here */
 /* Article css here */
 .article-left figure{
   border-radius:6px;
   overflow:hidden;
 }
 .article-left .breadcrumb-item.active{
   color: var(--secondary-color);
 }
 .article-left .breadcrumb-item+.breadcrumb-item::before{
   color: var(--secondary-color);
   content: var(--bs-breadcrumb-divider, "|");
   margin-right: 25px;
 }
 .article-right.p-5 {
   background-color: #fafafa;
   border-radius: 5px;
 }
 .article-right input[type="text"] {
   height: 54px;
   width: 100%;
   border-radius: 5px;
   border: 2px solid #d0d0d0;
   font-size: 18px;
   padding-left: 54px;
   font-weight: 600;
 }
 .search-submit {
   border: 0;
   background-color: transparent;
   font-size: 19px;
   position: absolute;
   left: 18px;
   top: 13px;
   color:#0e0e0e;
 }
 .popular-col figure {
   max-width: 75px;
   height: 75px;
   width: 100% !important;
   border-radius: 5px;
   overflow: hidden;
   margin-right: 15px;
 }
 .popular-col {
   align-items: center;
   justify-content: space-between;
 }
 .catg-list > li {
   font-size: 18px;
   font-weight: 600;
   position: relative;
   padding-left: 25px;
   margin-bottom: 10px;
 }
 .catg-list > li:before{
   content:'\f054';
   font-family: "Font Awesome 6 Pro";
   font-weight:400;
   position: absolute;
   left:0;
   top:2px
 }
 .catg-list > li ul{
   margin-left: 15px;
 }
 .catg-list > li ul li a{
   font-size: 18px;
   position: relative;
   list-style-type: disc;
   font-weight: 500;
   color: #0e0e0e;
   margin-bottom:6px;
 }
 .catg-list > li ul li a:hover{
   color:var(--secondary-color);
 }
 .catg-tab .nav-tabs{
   border-bottom: 0;
   margin-bottom: 20px;
 }
 .catg-tab .nav-tabs .nav-link{
   font-size: 18px;
   color: var(--black-color);
   padding-left: 0;
   padding-top: 0px;
   padding-bottom: 0;
   line-height: 18px;
 }
 .catg-tab .nav-tabs .nav-item.show .nav-link, .catg-tab .nav-tabs .nav-link.active, .catg-tab .nav-tabs .nav-link:hover{
   color: var(--bs-orange);
   background-color: transparent;
   border-color: transparent;
   font-weight: 600;
 }
 .catg-tab .border-end {
   border-right: 0.2rem solid #a3a3a3!important;
 }
 .tags .btn-outline-secondary {
   font-size: 15px;
   background-color: var(--white-color);
   border-color: #e3e3e3;
   padding:6px 25px;
   margin: 5px 3.5px;
 }
 .tags .btn-outline-secondary:hover{
   font-size: 15px;
   background-color: var(--secondary-color);
   border-color: var(--secondary-color);
   padding:6px 25px;
   margin: 5px 3.5px;
 }
 /* Article css end here */
 /* Newsletter css */
 .hero-newsletter{
   background-image: url(../images/newsletter-bg.jpg);
   padding: 60px 0px;
 }
 .newsletter-form .form-control{
   height: 54px;
   padding-left: 20px;
   font-size: 18px;
   width: 100%;
 }
 .newsletter-form .common-btn {
   height: 54px;
   max-width: 193px;
   width: 100%;
   justify-content:center;
   margin-top:25px;
 }
 .hero-newsletter img {
   max-width: 534px;
   position: absolute;
   bottom: 0;
   left: 11%;
 }
 .hero-newsletter h2 {
   line-height: 5.6rem;
   margin-bottom: 0;
 }
 .green-bg{
   background-color: #7da335;
 }
 .pink-bg{
   background-color: #8c259b;
 }
 .skyBlue-bg{
   background-color: #15b3ef;
 }
 .lightBlack-bg{
   background-color: #333333;
 }
 .categories-col figure {
   height: 128px;
   width: 128px;
   border-radius: 20px;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 7.2rem;
   color: #fff;
   margin-bottom: 23px;
 }
 .categories-section a{
   font-size: 14px;
   align-items: center;
 }
 .categories-col{
   max-width: 262px;
   margin: auto;
   width: 100%;
 }
 .blueprint-page-section p {
   max-width: 900px;
   margin: auto;
 }
 /* Newsletter css end */
 .businessbprint-section {
   padding: 0px 0px;
   position: relative;
   margin-bottom: 100px;
 }
 .businessbprint-section::before {
   content: '';
   background-color: #144992;
   height: 88%;
   width: 57%;
   position: absolute;
   margin: auto;
   bottom: 0;
   top: 0;
   left: 0;
   z-index: -1;
 }
 .businessbprint-section.personal-blus:before{
   left: inherit;
   right: 0;
   background-color: #082650;
 }
 .businessbprint-section.personal-blus .businessbprint-cont {
   padding-left:70px;
   padding-right: 0;
 }
 .business-graph {
   position: relative;
   z-index: 5;
 }
 .business-graph:after {
   content: '';
   position: absolute;
   background-color: #fff;
   width: calc(100% + 80px);
   height: calc(100% + 80px);
   z-index: -1;
   margin: auto;
   left: -42px;
   right: 0px;
   top: 0px;
   bottom: 0px;
   border-radius: 50%;
 }
 .businessbprint-cont {
   padding-right: 70px;
 }
 .business-graph svg {
   clip-path: circle(50% at 50% 50%);
 }
 
 .business-graph .path-hov{
   transform-origin: center;
   transition: all .6s; 
 }
 .business-graph .path-hov:hover, .business-graph .active{
   transform: scale(1.06) !important;
   transform-origin: center;
   cursor: pointer !important;
   z-index: 1000;
   position: relative;
   transition: all .6s;
 }
 .personal-blus .business-graph .path-hov:hover, .personal-blus .path-hov.active {
   transform: scale(1.04) !important;
 }
 .path-hov path:focus {
   outline: none;
 }
 .business-graph .salse-path.path-hov:hover, .salse-path.path-hov.active{
   transform: scale(1.06) rotate(.5deg) !important;
 }
 .guided-journey-section p{
   max-width: 920px;
   margin: auto;
 }
 .guided-journey-section p + p + p{
   max-width:850px;
   margin: auto;
 }
 .guided-journey-section figure img {
   max-width: 1150px;
   margin: auto;
   margin-top: 44px;
 }
 .video-col {
   background-color: #144992;
   border-radius: 5px;
   overflow: hidden;
   height: 100%;
 }
 .video-iframe{
   position: relative;
   padding-bottom: 50%;
   padding-top: 35px;
   height: 0;
   overflow: hidden;
   margin-top:-8px;
 }
 .video-col h2{
   padding: 20px 30px;
 }
 .video-iframe video{
     position: absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
 }
 .guided-journey-section h2.title{
   margin-bottom:40px !important;
 }
 .tap {
   z-index: 1;
   font-size: 5rem;
   color: rgb(255, 255, 255);
   position: absolute;
   bottom: 0px;
   left: 20px;
 }
 .video-iframe span{
   position: absolute;
   z-index: 1;
   bottom: 14px;
   right: 20px;
   text-align: right;
   color: #fff;
 }
 .businessbprint-section p {
   line-height: 22px;
 }
 /*  */
 .check-nav > li {
   font-size: 18px;
   font-weight: 600;
   position: relative;
   margin: 10px 0px;
 }
 .check-nav > li i {
   margin-right: 20px;
   font-size: 2.2rem;
   width:20px;
 }
 .check-nav > li ul{
   margin-left:36px;
   margin-top: 15px;
   margin-bottom: 15px;
 }
 .check-nav > li ul li{
   margin-left: 10px;
   font-family: var(--gal-thin);
   margin-top: 5px;
   margin-bottom: 5px;
   list-style-type: disc;
   /*list-style-position: inside;*/
 }
 .checkup-left-menue{
   background-color: #fafafa;
   border-radius: 5px;
   position: sticky;
   top: 100px;
   padding: 40px;
   padding-bottom:60px;
   height: fit-content;
   max-width: 357px;
   min-width: 340px;
 }
 .checkup-detail-right{
    max-width: 830px;
     width: 100%;
 }
 .checkup-left-menue ul li > a{
   color: var(--black-color);
 }
 .checkup-left-menue ul > li:not(.active){
   color: var(--black-color) !important;
 }
 .checkup-left-menue ul li a:hover,.checkup-left-menue ul li a.active,.checkup-left-menue ul > li.active{
   color: var(--secondary-color)
 }
 
 .checkup-detail-right .video-col{
   height: auto;
   width: 99%;
 }
 .checkup-detail-right .video-col .video-iframe video{
   max-height: 284px;
 }
 .checkup-detail-right .video-col .video-iframe {
   padding-bottom: 29.4%;
   padding-top: 35px;
   height: 0;
   overflow: hidden;
   margin-top: 0px;
 }
 .checkup-row{
   margin-top: 45px;
 }
 .course-form {
   background: rgb(244,252,255);
   background: linear-gradient(180deg, rgba(244,252,255,1) 0%, rgba(229,247,255,1) 97%);
   padding: 60px;
   margin-top: 45px;
   border-radius: 10px;
   border: 1px solid #e0f5fd;
 }
 .course-form form{
   max-width: 400px;
   margin: auto;
 }
 .course-form form .form-control{
   height: 54px;
   font-size: 16px;
   margin-bottom: 22px;
   border-color: #dce1e3;
   padding-left: 22px;
 }
 .course-form form .form-check-input {
   height: 16px;
   width: 16px;
   border-radius: 0px !important;
   margin-right: 10px;
 }
 .course-form form .form-check-input:checked {
  background-color: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
 }
 .course-form form .form-check-input:focus{
  outline: none !important;
  box-shadow: none;
 }
 .course-form form .common-btn{
   height: 54px;
   margin-top:48px !important;
 }
 .course-form form .common-btn:hover{
   background-color: var(--primary-color);
 }
 .checkup-left-menue h2 {
   font-size: 2.4rem;
   font-family: var(--gal-smb);
   margin-bottom:40px;
 }
 
 /* added by Vinay */
 .fz32{
   font-size: 3.2rem !important;
 }
 .text-green{
   color:#50bc07;
 }
 .text-gray{
   color:#6d6d6d;
 }
 .bg-orange {
   background-color: var(--secondary-color) !important;
 }
 .bg-blue {
   background-color: var(--primary-color) !important;
 }
 .pagenav{
   display: flex;
   list-style: none;
   text-align: right;
   justify-content: end;
 }
 .pagenav li{
   padding:0 10px;
 }
 .pagenav li a{
   color: var(--black-color);
   font-size: 16px;
 }
 .pagenav li a:hover{
   color: var(--secondary-color);
   font-size: 16px;
 }
 .pagenav li.active a{
   color: var(--secondary-color);
   font-size: 16px;
 }
 /* common-btn */
 .common-btn-sm {
   background-color: Var(--secondary-color);
   color: var(--white-color);
   font-size: 18px;
   padding: 10px 25px;
   border-radius:5px;
   height: 32px;
   align-items: center;
   line-height: 18px;
   position: relative;
   overflow: hidden;
   transition: 0.5s ease-in-out;
 }
 
 .common-btn-sm:before {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background-color: var(--primary-color);
   transform: translateX(-100%);
   color: var(--white-color);
   z-index: -1;
   transition: 0.5s ease-in-out;
 }
 .common-btn-sm:hover{
   background-color: transparent;
   color:#fff
 }
 .common-btn-sm:hover:before {
   transform: translateX(0);
 }
 .showinput{
   background:#fff;
   border: 1px solid #ccc;
   width:70%;
   padding:5px;
   height:35px;
   font-size: 16px;
   border-radius:5px;
   border-radius: 5px;
   margin-left: 14px;
 }
 
 .box-shadows{
   box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);
 }
 .tabswrap{
   margin:50px 0;
 }
 .tabswrap a{
   max-width:211px;
   text-align: center;
   height: 50px;
   width: 100%;
   font-family: var(--gal-smb);
   display: flex;
   color:var(--white-color);
   font-size: 2.4rem;
   align-items: center;
   justify-content: center;
   margin:0 10px;
   border-radius:5px;
   position:relative;
   cursor: not-allowed;
 }
 
 .tabswrap a.active:after{
   content: "";
   width: 0; 
   height: 0; 
   position: absolute;
   left: 50%;
   bottom:0;
   transform:translateX(-50%);
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-bottom: 5px solid #fff;
 }
 .pink-grd-tab{
   background: rgb(194,128,198);
   background: linear-gradient(180deg,  #c280c6 0%, #bd7ec0 97%);  
 }
 .yellow-grd-tab{
   background: rgb(357,186,45);
   background: linear-gradient(180deg, rgba(255,186,45,1) 0%, rgba(255,173,31,1) 97%);  
 }
 .black-grd-tab{
   background: rgb(137,137,137);
   background: linear-gradient(180deg, rgba(137,137,137,1) 0%, rgba(109,109,109,1) 97%);  
 }
 .green-grd-tab{
   background: rgb(134,175,71);
   background: linear-gradient(180deg, rgba(134,175,71,1) 0%, rgba(124,162,51,1) 97%);  
 }
 .skyblue-grd-tab{
   background: rgb(32,183,240);
   background: linear-gradient(180deg, rgba(32,183,240,1) 0%, rgba(7,175,238,1) 97%);  
 }
 
 .rado{
   padding:5px 23px;
   border:1px solid #ccc;
   color:#000;
   cursor: pointer;
   margin: 0px 2px;
 }
 
 .choice input[type="radio"]:checked + label{
   color: #fff;
   background-color: #0a58ca;
   border-color: #0a53be;
 
 }
 .questionaire-wrap {
   border-radius: 10px;
   padding: 50px 0px;
   margin: 10px;
   padding-top: 10px;
 }
 .progressbar-wrp {
   align-items: baseline;
 }
 .progressbar-wrp {
   max-width: 1100px;
   padding: 0px 50px;
 }
 .questionaire-row, .nextprv-btn-col{
   padding: 0px 50px;
 }
 .progressbar-row {
   border-bottom: 1px solid #e9e9e9;
   padding-bottom: 25px;
   margin-bottom: 55px;
 }
 .nextprv-btn-sec{
   border-top: 1px solid #e9e9e9;
   padding-top: 25px;
   margin-top: 55px;
 }
 .questionaire{
   border-bottom:1px solid rgba(0,0,0,0.1);
   padding-bottom:8px;
   margin-bottom:10px;
 }
 .textbox.active{
   color:#144992;
 }
 .stripedprogress{
  
     background-color: #f16803;
  
 }
 .progressbar-wrp {
   max-width: 1100px;
 }
 .progressbar-wrp a {
   width:37px;
   height:37px;
   border-radius:50%;
   background:#ffefe3;
   color:var(--secondary-color);
   font-size: 16px;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .progressbar {
   max-width: 857px;
 }
 .textareawrap{
   margin-top: 50px;
 }
 .textareawrap textarea{
   height:135px;
   font-size: 16px;
   font-family: var(--gal-smb);
 }
 .personal-diag-cont{
   max-width: 1130px;
   margin: auto;
 }
 .questionaire > p {
   margin-top: 40px;
   margin-bottom: 20px;
 }
 .nextprv-btn-col a.common-btn{
   background-color: transparent;
   border: 1px solid var(--secondary-color);
   color: var(--secondary-color);
 }
 .nextprv-btn-col a.common-btn.active{
   background-color: var(--secondary-color);
   color: var(--white-color);
 }
 .nextprv-btn-col a:hover{
   background-color: var(--secondary-color);
   color: var(--white-color);
 }
 div.slides {
   overflow: hidden;
   position: relative;
   width: 100%;
   margin: auto;
 }
 div.slide {
   position: relative;
   float: left;
   height: 1px;
   padding: 0;
 }
 div.slides-inner {
   -webkit-transition: -webkit-transform ease 0.3s;
   transition: transform 0.3s ease;
 }
 div.slide.active {
   height: auto;
   visibility: visible;
 }
 .opacity-7.opct-full{
   opacity: 1;
 }
 .subtab-list li {
   margin: 5px;
   padding: 8px 28px;
   font-size: 18px;
   color: #000;
 }
 .subtab-list li.green-grd-tab{
   color: #fff;
 }
 .subtab-list li.pink-grd-tab{
   color: #fff;
 }
 .subtab-list li.skyblue-grd-tab{
   color: #fff;
 }
 .subtab-row {
   border-bottom: 1px solid #e9e9e9;
   padding-bottom: 0;
   margin-bottom: 55px;
   margin-top: -10px;
 }
 .start-new-chp {
   padding: 36px;
   margin-top: 45px;
   border-radius: 5px;
   border: 1px solid #e0f5fd;
 }
 .particles-col a {
     font-size: 14px;
     align-items: center;
 }
 .article-left p {
     font-size: 18px;
     margin-bottom: 15px;
 }
 .article-left h2 {
     font-size: 2.4rem;
     font-family: 'galano_grotesquebold';
     margin-top: 3rem!important;
     margin-bottom: 3rem!important;
 }
 .article-left h3 { 
  display: block;
  font-size: 1.67em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  font-family: 'galano_grotesquebold';
  
}

 .start-new-chp {
   padding: 36px;
   margin-top: 45px;
   border-radius: 5px;
   border: 1px solid #e0f5fd;
   margin-bottom: 62px;
     position: relative;
 }
 .start-new-chp .common-btn {
     border: 0;
     z-index: 5;
     position: relative;
 }
 .start-new-chp input.form-control {
   margin: 30px 0px !important;
 }
 .rigtside .table-responsive {
   margin-top: 15px;
 }
 .rigtside .table-responsive table {
   margin-top: 15px !important;
   border: 1px solid #e9e9e9  !important;
   border-collapse: collapse  !important;
 }
 .rigtside .table-responsive table tr td {
   padding: 15px;
   font-family: var(--gal-rg);
 }
 .rigtside .table-responsive table tr th {
   padding: 8px;
   font-family: var(--gal-md);
   font-weight: normal;
   background-color: var(--primary-color) !important;
   color: #fff;
   font-size:17px !important;
   border:0;
 }
 
 #loaderPC {
 
   background: url(../images/fade-black.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
 
   height: 100%;
 
   left: 0;
 
   position: fixed;
 
   top: 0;
 
   width: 100%;
 
   z-index: 1050;
 
 text-align:center;
 
 }
 
 #loaderPC i {
 
   color: #FFFFFF;
 
   display: block;
 
   margin: 0 auto;
 
   position: relative;
 
   top: 25%;
 
   width: 50px;
 
 }
 

 input.common-btn:hover{
  background-color:#144992;
}

/* Pages ul li style */
ul.ppitems{
    list-style: disc;
    margin:0 0 0 50px;
}
ul.ppitems li{
   font-size: 16px;
   color:#000;
  }
/* Pages ul li style end */   

/* svg  style */

.svg-tm-img {
position: relative;
left: 85px;
/*top: 50px;*/
}
.svg-img-sec {
    margin-left: 166px;
}

.tm-img-col {
  position: absolute;
  right: 70px;
  top: 36px;
}
.tm-img-col.pb-tm {
  left: 85px;
  right: initial;
  top: 36px;
}

/* animation styles */
@keyframes fadeIn {
	0%     { opacity: 0; }
  16.67% { opacity: 0; }
  33.34% { opacity: 1; }
  66.67% { opacity: 1; }
  83.34% { opacity: 0; }
  100%   { opacity: 0; }
}

.fadeInClass {
   -webkit-animation: fadeIn 8s 0s infinite;
    animation:fadeIn 16s 0s infinite;
	animation-iteration-count: infinite;
	animation-direction: alternate;
    animation-timing-function: ease-in-out;
}

/* contact form 7 style */
.contact-us-form .form-control {
  height: 48px;
  font-size: 16px;
}
.contact-us-form textarea.form-control { 
  font-size: 16px;
  height: 100px;
  padding-left: 10px;
}
 
.contact-us-form.justify-content-center {
  max-width: 868px;
  margin: auto;
}
/*QSm dignastic Result*/
.qsm-results-page {
    font-size:16px;
}

.checkuplist.show {
    /* top: 200px; */
    background: rgba(0,0,0,.6);
    height: 100vh;
    display: flex !important;
    align-items: center;
}
.checkuplist .modal-header {
    border-bottom: 0;
    padding: 0;
}
.checkuplist .modal-footer{
    border-top: 0;
    padding: 0;
}
.modal-content {
    padding: 20px 
}
.checkuplist button,
.checkuplist p{
    font-size:2rem;
}

.max-width-model {
  max-width: 800px !important;
}

.btn-size-14 {
  font-size: 14px;
}
.instructiontag {
    margin-top: 18px;
}

.qsm_quiz_processing_loader {
  background: rgba(0, 0, 0, .5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1050;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qsm_quiz_processing_loader:after {
    content: "\f110";
    position: absolute;
    z-index: 100;
    color: #fff;
    font-family: var(--fa-style-family, "Font Awesome 6 Pro");
    font-weight: var(--fa-style, 900);
    font-size: 35px;
    -webkit-animation-name: fa-spin;
    animation-name: fa-spin;
    -webkit-animation-duration: var(--fa-animation-duration, 2s);
    animation-duration: var(--fa-animation-duration, 2s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, linear);
    animation-timing-function: var(--fa-animation-timing, linear);
    animation-direction: var(--fa-animation-direction, normal);
}