/*Custom Scroll Bar CSS*/
/* width */
::-webkit-scrollbar {
  width: 10px; }

/* Scrollbar Track */
::-webkit-scrollbar-track {
  background: #b8d5d5;
  border-radius: 0.313rem; }

/* Scrollbar */
::-webkit-scrollbar-thumb {
  background: #80b4b4;
  border-radius: 0.313rem; }

/* Scrollbar on hover */
::-webkit-scrollbar-thumb:hover {
  background: #528b8b;
  border-radius: 0.313rem; }

/*Page Loader CSS*/
#loading {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  opacity: 0.9;
  background-color: #fff;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center; }

#loading-image {
  z-index: 100;
  width: 9.688rem;
  height: auto; }

/*Custom input field styling*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #528b8b;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s; }

/*Custom  Blinker CSS*/
.blinker {
  -webkit-animation: blink 1s infinite;
  -moz-animation: blink 1s infinite;
  -o-animation: blink 1s infinite;
  animation: blink 1s infinite; }

@keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/*Custom button styling*/
.ctm-button {
  background-color: #528b8b;
  border: 1px solid #528b8b !important;
  color: #fff;
  border-radius: 0.25rem;
  padding: 0.313rem 0.5rem 0.313rem;
  text-decoration: none;
  height: 28px;
  display: inline-block;
  line-height: 16px; }
  .ctm-button:hover {
    background-color: #b8d5d5;
    color: #528b8b;
    padding: 0.313rem 0.5rem 0.313rem; }

.btn:disabled {
  color: #fff;
  background-color: #bfd9d9;
  border: 1px solid #528b8b; }

.btn:focus,
.btn:active {
  color: #fff;
  background-color: #528b8b;
  border-color: #528b8b;
  box-shadow: none; }

.btn:active:focus {
  box-shadow: 0 0 0 0.25rem #80b4b4; }

/*Custom Table styling*/
.custom-table {
  border-top: 2px solid #80b4b4;
  border-bottom: 2px solid #80b4b4; }
  .custom-table thead {
    color: #528b8b; }
    .custom-table thead tr {
      border-bottom: 1px solid #80b4b4; }
      .custom-table thead tr th {
        font-weight: 600;
        font-style: italic;
        color: #528b8b;
        border-bottom-color: #80b4b4 !important; }
  .custom-table tbody tr {
    border-bottom: 1px solid #80b4b4; }
    .custom-table tbody tr td {
      color: #528b8b; }
  .custom-table tbody tr:last-child {
    border-bottom: none; }

/*Essential styling*/
/*Textarea styling*/
textarea {
  max-height: 200px; }

/*Modal window styling*/
.modal {
  background: rgba(184, 213, 213, 0.5); }
  .modal .modal-dialog .modal-content {
    background: rgba(184, 213, 213, 0.5);
    backdrop-filter: blur(5px); }
  .modal .modal-dialog .modal-header .btn-close:focus {
    box-shadow: 0 0 0 0.25rem #b8d5d5; }

/*Modal form lable styling*/
.form-label {
  color: #528b8b;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 400;
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .form-label sup {
    color: #ff0000;
    font-size: 0.625rem;
    top: -0.625rem; }

.form-control {
  background: transparent;
  border-width: 0 0 1px 0;
  border-color: #528b8b;
  border-radius: 0;
  color: #528b8b;
  font-size: 1.125rem; }

.form-control:focus {
  background-color: transparent;
  border-color: #528b8b;
  box-shadow: none;
  color: #528b8b; }

.form-select:focus {
  border-color: #528b8b;
  outline: 0;
  box-shadow: none; }

.form-select:disabled {
  border-color: #999;
  color: #999; }

.themegreen_Selectbox {
  background-color: #b8d5d5;
  border: 1px solid #528b8b;
  color: #528b8b; }

.ctm-bdr-top {
  border-top: 1px solid #80b4b4; }

.ctm-bdr-bottom {
  border-bottom: 2px solid #80b4b4; }

.bg-aqua {
  background-color: #d0e9e9;
  background-image: repeating-radial-gradient(circle at 0 0, transparent 0, #d0e9e9 9px), repeating-linear-gradient(#b3dbdb55, #b3dbdb);
  background-attachment: fixed; }

.hvh {
  height: 100vh; }

/*Essential styling ends*/
.card-shadow {
  box-shadow: 1px 5px 6px 0px #80b4b4; }

body.bg-emailSamples {
  background-color: #b8d5d5;
  background-image: repeating-radial-gradient(circle at 0 0, transparent 0, #d0e9e9 9px), repeating-linear-gradient(#b3dbdb55, #b3dbdb);
  background-attachment: fixed; }

body.bg-componentLibrary {
  background-color: #b8d5d5;
  background-image: repeating-radial-gradient(circle at 0 0, transparent 0, #d0e9e9 9px), repeating-linear-gradient(#b3dbdb55, #b3dbdb);
  background-attachment: fixed; }

body.bg-my-concepts {
  background-color: #b8d5d5;
  background-image: repeating-radial-gradient(circle at 0 0, transparent 0, #d0e9e9 9px), repeating-linear-gradient(#b3dbdb55, #b3dbdb);
  background-attachment: fixed; }

body.submit_review {
  background-color: #b8d5d5;
  background-image: repeating-radial-gradient(circle at 0 0, transparent 0, #d0e9e9 9px), repeating-linear-gradient(#b3dbdb55, #b3dbdb);
  background-attachment: fixed; }

body {
  font-family: "Changa", sans-serif;
  padding: 0;
  margin: 0;
  /*My Services page - & - Submit review form CSS*/ }
  body .navbar {
    background-color: #b8d5d5;
    border-bottom: 2px solid #80b4b4;
    padding: 0; }
    body .navbar .navbar-nav .nav-item .nav-link {
      color: #528b8b; }
      body .navbar .navbar-nav .nav-item .nav-link:hover {
        text-shadow: 0px 4px 3px #528b8b !important; }
    body .navbar .navbar-nav .nav-item .nav-link.active {
      font-weight: 400;
      background-color: #528b8b;
      color: #fff !important;
      transform: skew(-10deg); }
      body .navbar .navbar-nav .nav-item .nav-link.active:hover {
        text-shadow: none !important; }
      body .navbar .navbar-nav .nav-item .nav-link.active .notification-text {
        background-color: #ffffff;
        color: #528b8b; }
    body .navbar .navbar-nav .nav-item .dropdown-menu {
      background-color: #b8d5d5;
      border: 1px solid #528b8b;
      padding: 0; }
      body .navbar .navbar-nav .nav-item .dropdown-menu li {
        border-bottom: 1px solid #528b8b; }
        body .navbar .navbar-nav .nav-item .dropdown-menu li:last-child {
          border-bottom: none; }
        body .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-item {
          color: #528b8b; }
        body .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-item {
          background-color: #528b8b;
          color: #ffffff;
          text-shadow: 0px 2px 9px #ffffff !important; }
      body .navbar .navbar-nav .nav-item .dropdown-menu li.active .dropdown-item {
        background-color: #528b8b;
        color: #ffffff;
        text-shadow: 0px 2px 9px #ffffff !important; }
  body .wrapper {
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed; }
  body .social_media {
    left: 0;
    top: 50%;
    position: fixed;
    transform: translatey(-50%);
    z-index: 999; }
    body .social_media_box {
      margin: 0;
      padding: 0; }
    body .social_media_list {
      list-style: none;
      background: rgba(82, 139, 139, 0.5);
      backdrop-filter: blur(15px);
      border-radius: 0 0.625rem 0.625rem 0;
      margin: 0 0 0.313rem 0; }
      body .social_media_list:hover {
        left: 0px;
        background: rgba(47, 59, 59, 0.5); }
      body .social_media_list .social_media_text {
        display: block;
        border-radius: 0 0.625rem 0.625rem 0;
        line-height: 18px;
        padding: 0.625rem;
        box-sizing: border-box;
        text-decoration: none; }
        body .social_media_list .social_media_text .fab,
        body .social_media_list .social_media_text .fa-brands {
          color: #fff;
          position: relative;
          right: 0; }
          body .social_media_list .social_media_text .fab::before,
          body .social_media_list .social_media_text .fa-brands::before {
            font-size: 1.313rem; }
        body .social_media_list .social_media_text:focus-visible {
          outline: none; }
  body .navbar .nav-item {
    position: relative; }
    body .navbar .nav-item .notification-text {
      color: #fff;
      font-weight: bold;
      font-size: 0.75rem;
      position: absolute;
      left: 0.563rem;
      top: 0.063rem;
      background-color: #528b8b;
      padding: 0.063rem 0.25rem 0.063rem;
      margin: 0;
      line-height: 0.625rem;
      min-width: 2.25rem;
      max-width: 12.5rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      border-radius: 0.438rem;
      display: inline-block;
      text-align: center; }
  body .navbar .nav-link.active {
    color: #2f4f4f !important; }
  body .navbar-toggler {
    margin: 5px 0 5px auto; }
  body .container-fluid.wrapper {
    /*About me table data CSS starts here*/
    /*About me table data CSS ends here*/ }
    body .container-fluid.wrapper .main-box {
      padding-top: 2.625rem;
      box-sizing: border-box;
      /*Email template samples CSS */
      /*Email template samples CSS ends here */
      /*Component Library CSS */
      /*Component Library CSS ends  here*/
      /*My Concepts page css starts from here*/
      /*My Concepts page css ends here*/ }
      body .container-fluid.wrapper .main-box-content {
        padding-top: 3.25rem;
        padding-bottom: 3.25rem;
        border-bottom: 2px solid #80b4b4; }
        body .container-fluid.wrapper .main-box-content .profile_image {
          width: 55%;
          height: max-content;
          border-radius: 50%;
          box-shadow: 0px 0px 10px 2px #528b8b; }
        body .container-fluid.wrapper .main-box-content .profile_text_nm {
          text-shadow: 0px 4px 3px #8fbcbc;
          font-size: 2.5rem;
          color: #528b8b; }
        body .container-fluid.wrapper .main-box-content .profile_text_smry {
          font-size: 1.438rem;
          color: #528b8b; }
        body .container-fluid.wrapper .main-box-content .profile_text_list_box {
          margin: 0;
          padding: 0; }
          body .container-fluid.wrapper .main-box-content .profile_text_list_box .profile_text_list_item {
            background-color: #528b8b;
            transform: skew(-10deg);
            max-width: 16.875rem;
            color: #fff;
            list-style: none;
            padding: 0.313rem 0.625rem 0.313rem 0.625rem;
            margin: 0 0 0.625rem 0;
            display: inline-flex;
            text-align: left;
            font-size: 1rem;
            line-height: 1.375rem; }
            body .container-fluid.wrapper .main-box-content .profile_text_list_box .profile_text_list_item .fab,
            body .container-fluid.wrapper .main-box-content .profile_text_list_box .profile_text_list_item .fa-brands,
            body .container-fluid.wrapper .main-box-content .profile_text_list_box .profile_text_list_item .fa-solid,
            body .container-fluid.wrapper .main-box-content .profile_text_list_box .profile_text_list_item .fa-regular {
              display: flex;
              justify-content: center;
              align-items: center;
              margin: 0 0.438rem 0 0;
              font-size: 1rem; }
      body .container-fluid.wrapper .main-box-emailSample {
        padding-top: 3.25rem;
        padding-bottom: 3.25rem; }
        body .container-fluid.wrapper .main-box-emailSample .card {
          margin: 0 0 120px 0; }
          body .container-fluid.wrapper .main-box-emailSample .card .card-image {
            background-position: 0 0;
            background-repeat: no-repeat;
            background-size: cover;
            height: 198px; }
          body .container-fluid.wrapper .main-box-emailSample .card .card-image.feminaCosmetics {
            background-image: url(../../images/cosmetics-brand-newsletter.png); }
          body .container-fluid.wrapper .main-box-emailSample .card .card-image.tango-design {
            background-image: url(../../images/tango-updates-newsletter.png); }
          body .container-fluid.wrapper .main-box-emailSample .card .card-image.canon {
            background-image: url(../../images/canon-template.jpg); }
          body .container-fluid.wrapper .main-box-emailSample .card .card-image.newsletterDesign {
            background-image: url(../../images/newsletter-design.PNG); }
          body .container-fluid.wrapper .main-box-emailSample .card .card-image.businessPlan {
            background-image: url(../../images/businessPlan.PNG); }
          body .container-fluid.wrapper .main-box-emailSample .card .card-image.pumpkin {
            background-image: url(../../images/pumpkin-juice.jpg); }
          body .container-fluid.wrapper .main-box-emailSample .card .card-image.lightHouse {
            background-image: url(../../images/lightHouse.JPG); }
          body .container-fluid.wrapper .main-box-emailSample .card .card-image.real-estate {
            background-image: url(../../images/real-estate-newsletter.png); }
          body .container-fluid.wrapper .main-box-emailSample .card .card-image.xamtac-consulting {
            background-image: url(../../images/xamtac-consulting.png); }
          body .container-fluid.wrapper .main-box-emailSample .card .card-image.massive-rocket {
            background-image: url(../../images/massive-rocket.jpg); }
          body .container-fluid.wrapper .main-box-emailSample .card .card-image.school-students {
            background-image: url(../../images/welcome-back-to-school.jpg); }
          body .container-fluid.wrapper .main-box-emailSample .card .card-image.naughty-pizza {
            background-image: url(../../images/naughty-pizza.jpg); }
          body .container-fluid.wrapper .main-box-emailSample .card .card-body .card-text {
            height: 5rem;
            overflow-y: auto;
            padding: 0 0.5rem 0 0; }
          body .container-fluid.wrapper .main-box-emailSample .card .card-body .notification-text {
            color: #fff;
            font-size: 0.625rem;
            background-color: #528b8b;
            padding: 0.125rem;
            text-align: center;
            box-sizing: border-box;
            border-radius: 0.25rem;
            width: 2.188rem;
            line-height: 0.625rem;
            font-weight: 800;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis; }
          body .container-fluid.wrapper .main-box-emailSample .card .card-body .template-info {
            color: #528b8b;
            text-shadow: 0px 0px 10px #528b8b;
            -webkit-animation: template-viewType 1s infinite;
            -moz-animation: template-viewType 1s infinite;
            -o-animation: template-viewType 1s infinite;
            animation: template-viewType 1s infinite;
            display: flex;
            justify-content: space-between;
            width: 2.5rem; }
@keyframes template-viewType {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes template-viewType {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes template-viewType {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes template-viewType {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
      body .container-fluid.wrapper .main-box-libraryComponents {
        padding-top: 3.25rem;
        padding-bottom: 3.25rem; }
        body .container-fluid.wrapper .main-box-libraryComponents .components-head {
          color: #528b8b;
          font-size: 20px;
          margin: 0 0 3.125rem 0; }
          body .container-fluid.wrapper .main-box-libraryComponents .components-head::first-letter {
            font-size: 26px; }
        body .container-fluid.wrapper .main-box-libraryComponents .component-box {
          border-radius: 0.313rem;
          border-bottom: 1px solid #528b8b;
          padding: 1.25rem;
          margin: 0 0 3.75rem;
          min-height: 8.188rem; }
          body .container-fluid.wrapper .main-box-libraryComponents .component-box .component-desc {
            margin: 1.875rem 0 0;
            font-size: 0.875rem;
            color: #528b8b;
            text-align: center; }
        body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-one .toggle-label {
          position: relative;
          display: inline-block;
          width: 2.875rem;
          height: 1.125rem; }
          body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-one .toggle-label .toggle-input {
            opacity: 0;
            width: 0;
            height: 0; }
            body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-one .toggle-label .toggle-input:checked + .toggle-switch-area {
              background-color: #b8d5d5; }
            body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-one .toggle-label .toggle-input:checked + .toggle-switch-area::before {
              -webkit-transform: translateX(26px);
              -ms-transform: translateX(26px);
              transform: translateX(26px);
              background-color: #528b8b; }
          body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-one .toggle-label .toggle-switch-area {
            position: absolute;
            cursor: pointer;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #cccccc; }
            body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-one .toggle-label .toggle-switch-area::before {
              position: absolute;
              content: "";
              width: 0.875rem;
              height: 0.875rem;
              top: 0.125rem;
              left: 0.188rem;
              background-color: #ffffff;
              -webkit-transition: .4s;
              transition: .4s;
              display: block; }
        body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-two .toggle-label {
          position: relative;
          display: inline-block;
          width: 2.875rem;
          height: 1.125rem;
          border-radius: 0.313rem; }
          body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-two .toggle-label .toggle-input {
            opacity: 0;
            width: 0;
            height: 0; }
            body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-two .toggle-label .toggle-input:checked + .toggle-switch-area {
              background-color: #b8d5d5; }
            body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-two .toggle-label .toggle-input:checked + .toggle-switch-area::before {
              -webkit-transform: translateX(26px);
              -ms-transform: translateX(26px);
              transform: translateX(26px);
              background-color: #528b8b; }
          body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-two .toggle-label .toggle-switch-area {
            position: absolute;
            cursor: pointer;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #cccccc;
            border-radius: 0.313rem; }
            body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-two .toggle-label .toggle-switch-area::before {
              position: absolute;
              content: "";
              width: 0.875rem;
              height: 0.875rem;
              top: 0.125rem;
              left: 0.188rem;
              background-color: #ffffff;
              -webkit-transition: .4s;
              transition: .4s;
              display: block;
              border-radius: 0.25rem; }
        body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-three .toggle-label {
          position: relative;
          display: inline-block;
          width: 2.875rem;
          height: 1.125rem;
          border-radius: 0.625rem; }
          body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-three .toggle-label .toggle-input {
            opacity: 0;
            width: 0;
            height: 0; }
            body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-three .toggle-label .toggle-input:checked + .toggle-switch-area {
              background-color: #b8d5d5; }
            body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-three .toggle-label .toggle-input:checked + .toggle-switch-area::before {
              -webkit-transform: translateX(26px);
              -ms-transform: translateX(26px);
              transform: translateX(26px);
              background-color: #528b8b; }
          body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-three .toggle-label .toggle-switch-area {
            position: absolute;
            cursor: pointer;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #cccccc;
            border-radius: 0.625rem; }
            body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-three .toggle-label .toggle-switch-area::before {
              position: absolute;
              content: "";
              width: 0.875rem;
              height: 0.875rem;
              top: 0.125rem;
              left: 0.188rem;
              background-color: #ffffff;
              -webkit-transition: .4s;
              transition: .4s;
              display: block;
              border-radius: 0.625rem; }
        body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-four .toggle-label {
          position: relative;
          display: inline-block;
          width: 3rem;
          height: 0.625rem;
          border-radius: 0.625rem; }
          body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-four .toggle-label .toggle-input {
            opacity: 0;
            width: 0;
            height: 0; }
            body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-four .toggle-label .toggle-input:checked + .toggle-switch-area {
              background-color: #b8d5d5; }
            body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-four .toggle-label .toggle-input:checked + .toggle-switch-area::before {
              -webkit-transform: translateX(26px);
              -ms-transform: translateX(26px);
              transform: translateX(26px);
              background-color: #528b8b; }
          body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-four .toggle-label .toggle-switch-area {
            position: absolute;
            cursor: pointer;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #cccccc;
            border-radius: 0.625rem; }
            body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-four .toggle-label .toggle-switch-area::before {
              position: absolute;
              content: "";
              width: 1.125rem;
              height: 1.125rem;
              top: -0.25rem;
              left: 0.188rem;
              background-color: #ffffff;
              -webkit-transition: .4s;
              transition: .4s;
              display: block;
              border-radius: 0.625rem; }
        body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-five .toggle-label {
          position: relative;
          display: inline-block;
          width: 2.875rem;
          height: 1.125rem;
          border-radius: 0.625rem; }
          body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-five .toggle-label .toggle-input {
            opacity: 0;
            width: 0;
            height: 0; }
            body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-five .toggle-label .toggle-input:checked + .toggle-switch-area {
              background-color: #b8d5d5; }
            body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-five .toggle-label .toggle-input:checked + .toggle-switch-area::before {
              -webkit-transform: translateX(26px);
              -ms-transform: translateX(26px);
              transform: translateX(26px);
              background-color: #528b8b;
              content: "ON";
              color: #ffffff; }
          body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-five .toggle-label .toggle-switch-area {
            position: absolute;
            cursor: pointer;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #cccccc;
            border-radius: 0.625rem; }
            body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-five .toggle-label .toggle-switch-area::before {
              position: absolute;
              content: "OFF";
              width: 0.875rem;
              height: 0.875rem;
              top: 0.125rem;
              left: 0.188rem;
              background-color: #ffffff;
              -webkit-transition: .4s;
              transition: .4s;
              display: block;
              border-radius: 0.625rem;
              display: flex;
              justify-content: center;
              align-items: center;
              font-size: 0.5rem;
              color: #528b8b;
              font-weight: bold; }
        body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-six .toggle-label {
          position: relative;
          display: inline-block;
          width: 2.875rem;
          height: 1.125rem;
          border-radius: 0.625rem; }
          body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-six .toggle-label .toggle-input {
            opacity: 0;
            width: 0;
            height: 0; }
            body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-six .toggle-label .toggle-input:checked + .toggle-switch-area {
              background-color: #b8d5d5; }
            body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-six .toggle-label .toggle-input:checked + .toggle-switch-area::before {
              -webkit-transform: translateX(26px);
              -ms-transform: translateX(26px);
              transform: translateX(26px);
              background-color: #528b8b;
              content: "ON";
              color: #ffffff; }
            body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-six .toggle-label .toggle-input:checked + .toggle-switch-area .ind-off {
              background-color: #F3F2F2;
              box-shadow: 0px 0px 2px 1px #adacac; }
            body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-six .toggle-label .toggle-input:checked + .toggle-switch-area .ind-on {
              background-color: #528b8b;
              box-shadow: 0px 0px 2px 1px #528b8b; }
          body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-six .toggle-label .toggle-switch-area {
            position: absolute;
            cursor: pointer;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #cccccc;
            border-radius: 0.625rem; }
            body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-six .toggle-label .toggle-switch-area .ind-off {
              width: 0.625rem;
              height: 0.625rem;
              border-radius: 50%;
              background-color: red;
              box-shadow: 0px 0px 2px 1px red;
              position: absolute;
              left: -21px;
              top: 4px; }
            body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-six .toggle-label .toggle-switch-area .ind-on {
              width: 0.625rem;
              height: 0.625rem;
              border-radius: 50%;
              background-color: #F3F2F2;
              box-shadow: 0px 0px 2px 1px #adacac;
              position: absolute;
              right: -21px;
              top: 4px; }
            body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-six .toggle-label .toggle-switch-area::before {
              position: absolute;
              content: "OFF";
              width: 0.875rem;
              height: 0.875rem;
              top: 0.125rem;
              left: 0.188rem;
              background-color: #ffffff;
              -webkit-transition: .4s;
              transition: .4s;
              display: block;
              border-radius: 0.625rem;
              display: flex;
              justify-content: center;
              align-items: center;
              font-size: 0.5rem;
              color: #528b8b;
              font-weight: bold; }
        body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-seven .toggle-label {
          position: relative;
          display: inline-block;
          width: 2.875rem;
          height: 1.125rem;
          border-radius: 0.313rem; }
          body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-seven .toggle-label .toggle-input {
            opacity: 0;
            width: 0;
            height: 0; }
            body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-seven .toggle-label .toggle-input:checked + .toggle-switch-area {
              background-color: #b8d5d5; }
            body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-seven .toggle-label .toggle-input:checked + .toggle-switch-area::before {
              -webkit-transform: translateX(26px);
              -ms-transform: translateX(26px);
              transform: translateX(26px);
              border: 2px solid #528b8b; }
          body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-seven .toggle-label .toggle-switch-area {
            position: absolute;
            cursor: pointer;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #cccccc;
            border-radius: 0.313rem; }
            body .container-fluid.wrapper .main-box-libraryComponents .component_toggle-seven .toggle-label .toggle-switch-area::before {
              position: absolute;
              content: "";
              width: 0.875rem;
              height: 0.875rem;
              top: 0.125rem;
              left: 0.188rem;
              border: 2px solid #ffffff;
              -webkit-transition: .4s;
              transition: .4s;
              display: block;
              border-radius: 0.25rem; }
      body .container-fluid.wrapper .main-box-myConcepts {
        padding-top: 3.25rem;
        padding-bottom: 3.25rem; }
      body .container-fluid.wrapper .main-box .main-box-myConcepts .container .card {
        background: rgba(255, 255, 255, 0.5);
        backdrop-filter: blur(1px); }
        body .container-fluid.wrapper .main-box .main-box-myConcepts .container .card .card-header {
          color: #528b8b; }
        body .container-fluid.wrapper .main-box .main-box-myConcepts .container .card .card-body .card-title {
          color: #528b8b; }
    body .container-fluid.wrapper #nav-about-me .child-box .child-box-content .container .profile_text .table.custom-table tbody tr .td-term {
      font-size: 1rem;
      line-height: 1.375rem; }
      body .container-fluid.wrapper #nav-about-me .child-box .child-box-content .container .profile_text .table.custom-table tbody tr .td-term .fa-solid::before {
        font-size: 1rem;
        line-height: 1.375rem; }
    body .container-fluid.wrapper #nav-about-me .child-box .child-box-content .container .profile_text .table.custom-table tbody tr .td-detail {
      font-size: 1rem;
      line-height: 1.375rem; }
    body .container-fluid.wrapper .child-box.qualification {
      background-image: url("../../images/wallpaperflare.com_wallpaper-(95)-min.jpg"); }
    body .container-fluid.wrapper .child-box.work_history {
      background-image: url("../../images/wallpaperflare.com_wallpaper-(2).jpg"); }
    body .container-fluid.wrapper .child-box.work_history,
    body .container-fluid.wrapper .child-box.qualification {
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-size: cover; }
      body .container-fluid.wrapper .child-box.work_history .profile_text_nm,
      body .container-fluid.wrapper .child-box.qualification .profile_text_nm {
        background: rgba(255, 255, 255, 0.5);
        backdrop-filter: blur(10px);
        -moz-backdrop-filter: blur(10px);
        color: #fff !important;
        font-style: italic; }
      body .container-fluid.wrapper .child-box.work_history .card,
      body .container-fluid.wrapper .child-box.qualification .card {
        background: rgba(255, 255, 255, 0.5);
        backdrop-filter: blur(15px); }
    body .container-fluid.wrapper .child-box.qualification .profile_text_nm {
      background: none;
      backdrop-filter: blur(0);
      color: #fff !important;
      font-style: italic; }
    body .container-fluid.wrapper .child-box.work_history .profile_text_nm {
      color: #528b8b !important; }
    body .container-fluid.wrapper .child-box {
      box-sizing: border-box;
      background-color: #fff; }
      body .container-fluid.wrapper .child-box-content {
        padding-top: 3.25rem;
        padding-bottom: 3.25rem;
        border-bottom: 2px solid #80b4b4; }
        body .container-fluid.wrapper .child-box-content .nav-tabs {
          border-bottom: 1px solid #388e8e; }
          body .container-fluid.wrapper .child-box-content .nav-tabs .nav-link {
            color: #2f4f4f; }
            body .container-fluid.wrapper .child-box-content .nav-tabs .nav-link:hover {
              border: none;
              border: 1px dotted #388e8e; }
          body .container-fluid.wrapper .child-box-content .nav-tabs .nav-link.active {
            background: none;
            border-left: 2px solid #388e8e;
            border-top: 2px solid #388e8e;
            border-right: 2px solid #388e8e;
            border-bottom: none; }
        body .container-fluid.wrapper .child-box-content .profile_text .profile_text_nm {
          font-style: italic;
          border-radius: 14px;
          text-align: center;
          font-size: 1.625rem;
          padding: 0 0.625rem 0;
          color: #528b8b;
          margin: 0 0 1.25rem 0; }
          body .container-fluid.wrapper .child-box-content .profile_text .profile_text_nm::first-letter {
            font-size: 4.688rem; }
        body .container-fluid.wrapper .child-box-content .profile_text .custom-table {
          border-top: 2px solid #80b4b4;
          border-bottom: 2px solid #80b4b4; }
          body .container-fluid.wrapper .child-box-content .profile_text .custom-table tbody tr {
            /*&:first-child {
                color: #528b8b;
            }*/ }
            body .container-fluid.wrapper .child-box-content .profile_text .custom-table tbody tr:nth-child(even) {
              background-color: #d0e9e9; }
          body .container-fluid.wrapper .child-box-content .profile_text .custom-table tbody td {
            color: #528b8b; }
        body .container-fluid.wrapper .child-box-content .profile_text .card {
          padding-top: 1.625rem;
          padding-bottom: 1.625rem;
          border-radius: 0.813rem; }
          body .container-fluid.wrapper .child-box-content .profile_text .card .qual-icon .fas::before {
            font-size: 4.063rem;
            color: #528b8b; }
          body .container-fluid.wrapper .child-box-content .profile_text .card .card-title {
            text-align: center;
            color: #528b8b; }
          body .container-fluid.wrapper .child-box-content .profile_text .card .card-body .card-link {
            color: #528b8b; }
        body .container-fluid.wrapper .child-box-content .profile_text .qual_history_stream {
          font-size: 1.25rem;
          font-weight: 400;
          margin: 0 0 0 0; }
        body .container-fluid.wrapper .child-box-content .profile_text .work_history_profile {
          font-size: 1.25rem;
          font-weight: 400;
          margin: 0 0 0 0; }
        body .container-fluid.wrapper .child-box-content .hobbies-box {
          margin: 0;
          padding: 0; }
          body .container-fluid.wrapper .child-box-content .hobbies-box-list {
            list-style: none; }
            body .container-fluid.wrapper .child-box-content .hobbies-box-list:hover .hobbies-icon {
              border: 0.125rem solid #fff;
              background-color: #528b8b; }
              body .container-fluid.wrapper .child-box-content .hobbies-box-list:hover .hobbies-icon .fas::before,
              body .container-fluid.wrapper .child-box-content .hobbies-box-list:hover .hobbies-icon .fab::before {
                color: #fff; }
          body .container-fluid.wrapper .child-box-content .hobbies-box .hobbies-list-item {
            display: grid;
            text-decoration: none; }
            body .container-fluid.wrapper .child-box-content .hobbies-box .hobbies-list-item .hobbies-icon {
              border: 0.125rem solid #528b8b;
              border-radius: 50%;
              width: 6.25rem;
              height: 6.25rem;
              display: flex;
              justify-content: center;
              align-items: center;
              font-size: 2.5rem;
              color: #528b8b; }
            body .container-fluid.wrapper .child-box-content .hobbies-box .hobbies-list-item .hobbies_text {
              display: block;
              color: #528b8b;
              font-size: 0.875rem;
              text-align: center;
              margin: 0.625rem 0 0; }
  body footer {
    background-color: #b8d5d5;
    color: #528b8b;
    padding: 2.5rem 0 0; }
    body footer .footer_s_m_box {
      margin: 0;
      padding: 0; }
      body footer .footer_s_m_box .footer_s_m_list {
        display: inline-block;
        margin: 0 0.625rem 0 0; }
        body footer .footer_s_m_box .footer_s_m_list .list_text {
          text-decoration: none;
          background: none;
          border-radius: 0;
          font-size: 1.563rem;
          color: #528b8b; }
    body footer .footer_head {
      font-size: 1.25rem;
      margin: 0 0 1.125rem 0; }
    body footer .contact_email,
    body footer .contact_number,
    body footer .contact_skype_id {
      color: #528b8b;
      text-decoration: none; }
    body footer .footer_list_box {
      margin: 0;
      padding: 0; }
      body footer .footer_list_box .footer_list_item {
        display: block;
        list-style: none;
        margin: 0 0 0.313rem 0; }
        body footer .footer_list_box .footer_list_item .list_item {
          text-decoration: none;
          color: #528b8b;
          display: block; }
    body footer .contact_source {
      color: #528b8b;
      font-weight: 600; }
    body footer .copyright {
      background-color: #80b4b4; }
      body footer .copyright_text {
        color: #e5f1f1;
        margin: 0.438rem 0 0.438rem;
        font-size: 0.875rem; }
        body footer .copyright_text .copyright_smbl {
          position: relative;
          top: 0.25rem;
          font-size: 1.375rem; }
  body .services_heading {
    font-style: italic;
    border-radius: 14px;
    font-size: 1.625rem;
    padding: 0;
    color: #528b8b;
    margin: 0; }
    body .services_heading::first-letter {
      font-size: 4.688rem; }
  body .comment_form .comment_heading,
  body .submit_review_form .comment_heading {
    text-align: center;
    color: #528b8b;
    margin: 0 0 2.5rem 0; }
    body .comment_form .comment_heading::first-letter,
    body .submit_review_form .comment_heading::first-letter {
      font-size: 4.688rem; }
  body .thank_you {
    color: #528b8b; }

@media only screen and (min-width: 280px) and (max-width: 740px) {
  .concept-note-table {
    margin: 3.125rem 0 0.938rem; } }
@media only screen and (min-width: 280px) and (max-width: 914px) {
  .navbar.navbar-expand-lg .container-fluid .navbar-nav {
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden; } }
@media only screen and (max-width: 320px) {
  .navbar-expand-lg .navbar-nav .nav-item .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem; }

  body .container-fluid.wrapper .main-box-content .profile_text .profile-text .profile_text_list_box .profile_text_list_item {
    font-size: 0.938rem;
    line-height: 1.313rem; }
  body .container-fluid.wrapper #nav-about-me .child-box .child-box-content .container .profile_text .table.custom-table tbody tr td .td-term {
    font-size: 0.75rem;
    line-height: 1.125rem; }
    body .container-fluid.wrapper #nav-about-me .child-box .child-box-content .container .profile_text .table.custom-table tbody tr td .td-term .fa-solid::before {
      font-size: 0.75rem;
      line-height: 1.125rem; }
  body .container-fluid.wrapper #nav-about-me .child-box .child-box-content .container .profile_text .table.custom-table tbody tr .td-detail {
    font-size: 0.75rem;
    line-height: 1.125rem; }

  .main-box-emailSample .card .card-body .template-viewType {
    font-size: 12px; } }
@media only screen and (min-width: 320px) {
  .profile_text_smry,
  .profile_text_list_box {
    padding: 0 0 0 0.313rem !important; } }
@media only screen and (min-width: 375px) {
  .profile_text_smry,
  .profile_text_list_box {
    padding: 0 0 0 0.313rem !important; } }
@media only screen and (min-width: 414px) {
  .profile_text_smry,
  .profile_text_list_box {
    padding: 0 0 0 0.313rem !important; } }
@media only screen and (min-width: 320px) and (max-width: 427px) {
  .container-fluid.wrapper .main-box .main-box-content .profile_text .profile-text .profile_text_smry,
  .container-fluid.wrapper .main-box .main-box-content .profile_text .profile-text .profile_text_list_box {
    text-align: center; }
  .container-fluid.wrapper .main-box .main-box-content .profile_text .resume_field {
    text-align: center; }

  .footer_s_m,
  .footer_links {
    margin: 0 0 1.25rem 0;
    border-bottom: 1px solid #528b8b; } }
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .main-box {
    border-radius: 1.25rem !important;
    box-shadow: none !important; }
    .main-box .profile_image {
      width: 60% !important;
      height: auto !important; }
    .main-box .profile_text {
      margin: 1.25rem 0 0 0; }
      .main-box .profile_text_nm {
        text-align: center;
        display: inline-block; } }
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .navbar-expand-lg .navbar-nav .nav-item .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem; }

  /*body .navbar .navbar-nav .nav-item .nav-link.active {
      transform: skew(-0deg);
  }*/
  .navbar-toggler:focus {
    box-shadow: none; } }
@media only screen and (min-width: 768px) and (max-width: 812px) {
  .main-box .profile_image {
    width: 90% !important; } }
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .main-box {
    border-radius: 6.5rem 1.25rem 1.25rem 1.25rem !important; }
    .main-box .profile_text {
      margin: 1.25rem 0 0 0; }
      .main-box .profile_text_nm {
        text-align: center; } }
@media only screen and (min-width: 769px) and (max-width: 915px) {
  .navbar-expand-lg .navbar-nav .nav-item .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem; } }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item .nav-link {
    font-size: 0.875rem;
    line-height: 1.25rem; }

  body .container-fluid.wrapper .main-box {
    padding-top: 2.375rem; } }
@media only screen and (min-width: 1000px) and (max-width: 1024px) {
  .main-box {
    border-radius: 8.625rem 1.25rem 1.25rem 1.25rem !important; }
    .main-box .profile_text {
      margin: 1.25rem 0 0 0; }
      .main-box .profile_text_nm {
        text-align: center; } }

/*# sourceMappingURL=style.css.map */