/*
Theme Name: WP Bootstrap Starter
Theme URI: https://afterimagedesigns.com/wp-bootstrap-starter/
Author: Afterimage Designs
Author URI: https://afterimagedesigns.com/
Description:  The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Version: 3.3.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter
Requires at least: 4.7
Requires PHP: 5.2.4
Tested up to: 5.4
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
body {
  margin: 0;
  -webkit-font-smoothing: auto;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 2.5rem;
}

hr {
  box-sizing: content-box;
  height: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2.textH2, h2.textH3, h2.textH4, h2.textH5, h2.textH6 {
  clear: both;
  color: #24292e;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 15px;
}
h1 {
  font-size: 32px;
  padding-bottom: 10px;
}
h2.textH2 {
  font-size: 24px;
  padding-bottom: 0.3em;
  line-height: 1.25;
}
h2.textH3 {
  font-size: 18px;
  line-height: 25px;
}
h2.textH4 {
  font-size: 16px;
  line-height: 20px;
}
h2.textH5 {
  font-size: 14px;
  line-height: 17.5px;
}

p {
  margin-bottom: 1.5em;
}
h1.entry-title {
  font-size: 1.31rem;
  border-bottom: 1px solid #eaecef;
}
h2.textH2.entry-title {
  border-bottom: 1px solid #eaecef;
}
h2.textH3.widget-title {
  font-size: 1.2rem;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

.navbar-brand > a {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.1rem;
  outline: medium none;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
}

.navbar-brand > a:visited, .navbar-brand > a:hover {
  text-decoration: none;
}

#page-sub-header {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 0;
  text-align: center;
  font-size: 1.25rem;
  background-size: cover !important;
}

body:not(.theme-preset-active) #page-sub-header h1 {
  line-height: 1.6;
  font-size: 4rem;
  color: #563e7c;
  margin: 0 0 1rem;
  border: 0;
  padding: 0;
}

#page-sub-header p {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 300;
}
body:not(.theme-preset-active) #page-sub-header p {
color: #212529;
}
a.page-scroller {
  color: #333;
  font-size: 2.6rem;
  display: inline-block;
  margin-top: 2rem;
}

@media screen and (min-width: 768px) {
  body:not(.theme-preset-active) #page-sub-header h1 {
    font-size: 3.750rem;
  }
  body:not(.theme-preset-active) #page-sub-header {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 992px) {
  #page-sub-header p {
    max-width: 43rem;
    margin: 0 auto;
  }
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead nav {
  padding-left: 0;
  padding-right: 0;
}


.navbar-brand {
  height: auto;
}

.navbar-toggle .icon-bar {
  background: #000 none repeat scroll 0 0;
}

.dropdown-menu .dropdown-toggle::after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children {
    position: relative;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>.dropdown-menu {
    display: block;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>a:after {
    border-left-color: #fff;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left {
    float: none;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.dropdown-item {
  line-height: 1.2;
  padding-bottom: 0.313rem;
  padding-top: 0.313rem;
}

.dropdown-menu {
  min-width: 12.500rem;
}

.dropdown .open .dropdown-menu {
  display: block;
  left: 12.250em;
  top: 0;
}

.dropdown-menu .dropdown-item {
  white-space: normal;
  background: transparent;
  line-height: 1.6;
}
.dropdown-menu .dropdown-item:hover {
  background: transparent;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .dropdown-menu li > .dropdown-menu {
    right: -9.875rem;
    top: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  .navbar-nav .dropdown-menu {
    border: medium none;
    margin-left: 1.250rem;
    padding: 0;
  }

  .dropdown-menu li a {
    padding: 0;
  }

  .navbar-light .navbar-toggler {
    border: medium none;
    outline: none;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.comment-content.card-block {
  padding: 20px;
}

.navigation.post-navigation {
  padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid #ddd;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}

.post-navigation .nav-next a::after {
  content: " \2192";
}

.post-navigation .nav-previous a::before {
  content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget select {
  max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
  display: none;
}

.half-rule {
  width: 6rem;
  margin: 2.5rem 0;
}
.widget_categories .nav-link {
  display: inline-block;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky .entry-title::before {
  content: '\f08d';
  font-family: "Font Awesome\ 5 Free";
  font-size: 1.563rem;
  left: -2.5rem;
  position: absolute;
  top: 0.375rem;
  font-weight: 900;
}

.sticky .entry-title {
  position: relative;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
  margin-top: 0;
}

.post.hentry {
  margin-bottom: 4rem;
}

.posted-on, .byline, .comments-link {
  color: #9a9a9a;
}

.entry-title > a {
  color: inherit;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list .comment {
  display: block;
}

.comment-list {
  padding-left: 0;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
  border: medium none;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 0.313rem 0.313rem 0;
  text-align: center;
}
.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text {
  font-size: 0.688rem;
  line-height: 1.063rem;
  margin: 0;
  padding: 0.625rem;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-item .gallery-columns-2 {
  max-width: 50%;
}
.gallery-item .gallery-columns-3 {
  max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
  max-width: 25%;
}
.gallery-item .gallery-columns-5 {
  max-width: 20%;
}
.gallery-item .gallery-columns-6 {
  max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
  max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
  max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
  max-width: 11.11111%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugin Compatibility
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/
.woocommerce-cart-form .shop_table .coupon .input-text {
  width: 8.313rem !important;
}

.variations_form .variations .value > select {
  margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/
.elementor-page article .entry-footer {
  display: none;
}

.elementor-page.page-template-fullwidth #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.elementor-page .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/
.vc_desktop article .entry-footer {
  display: none;
}

.vc_desktop #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.vc_desktop .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.navbar-dark .site-info {
  color: #fff;
}
.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}

.copyright a, footer#colophon a {
  color: inherit;
}


/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/

@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}

@media only screen and (max-width: 1280px) {
  html {
    font-size: 95%;
  }
}

@media screen and (max-width: 1199px) {
  .navbar-dark .dropdown-item {
    color: #fff;
  }
  .navbar-nav .dropdown-menu {
    background: transparent;
    box-shadow: none;
    border: none;
  }
}
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  html {
    font-size: 90%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  html {
    font-size: 85%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  html {
    font-size: 80%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  html {
    font-size: 75%;
  }
}

/***********Owl Casrousel woocommerce css Start*************/


.woocommerce ul.products .owl-stage {
  display: flex;
}

.woocommerce ul.products .owl-stage-outer {
  overflow: hidden;
}

/***********Owl Casrousel woocommerce css End*************/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
}

:root {
  --Black: #000;
  --White: #fff;
  --NavyBlue: #2c3e50;
  --DarkGray: #333333;
  --Blue: #24abe2;
  --Pink: #e47cc6;
  --Yellow: #eee8a9;
  --BlueShade1: #00204a;
  --BlueShade2: #004271;
}

html,
body {
  width: 100%;
  height: 100%;
}

h1,
h2.textH2,
h2.textH3 {
  margin: 0;
  font-family: "Poppins", serif;
}

h2.textH4,
h2.textH5,
h2.textH6,
p {
  font-family: "Lora", serif;
  margin: 0;
}



a {
  text-decoration: none;
  color: var(--Blue);
}

a:hover {
  text-decoration: none;
}

h1 {
  font-size: 40px;
  line-height: 1.2;
  font-weight: 700;
  color: #000;
}

h2.textH2 {
  font-size: 32px;
  line-height: 1.2;
  font-weight: 500;
}

h2.textH3 {
  font-size: 25px;
  line-height: 1.2;
  font-weight: 500;
}

h2.textH5 {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0.6px;
}

h2.textH6 {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  color: #555;
  letter-spacing: 0.6px;
}

.class_h6{
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  color: #555;
  letter-spacing: 0.6px;
  font-family: "Lora", serif;
}

p {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: var(--NavyBlue);
}

.topBar {
  background: var(--BlueShade1);
}

.topBarInner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 9px 5%;
}

.topBarLeft {
  display: flex;
  gap: 10px;
  align-items: center;
  color: var(--White);
}

.topBarRight {
  display: flex;
  gap: 25px;
  color: var(--White);
}

.topbatLeftText p {
  color: var(--White);
}

.topBarRight i {
  color: var(--White);
}

.headerStart {
  padding: 2px 5% 2px;
  overflow: hidden;
}

ul.navbar-nav {
  width: 100%;
  justify-content: center;
}

span.navbar-text {
  display: flex;
  justify-content: center;
  width: 195px;
  background: var(--Yellow);
  height: 50px;
  padding: 0;
  align-items: center;
  border-radius: 5px;
  cursor: pointer;
}

span.navbar-text a {
  padding: 0;
}

span.navbar-text a h2.textH6 {
  color: var(--NavyBlue);
  font-weight: 600;
}

div#main-nav ul li a {
  padding: 0;
  font-family: "Poppins", serif;
  font-weight: 400;
  position: relative;
  transition: color 0.5s ease-in-out;
  font-size: 16px;
}

div#main-nav ul {
  gap: 25px;
}

div#main-nav ul li a::before {
  content: "";
  width: 0%;
  height: 1px;
  background: var(--Blue);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: width 0.5s ease-in-out;
}

div#main-nav ul li:hover a::before {
  width: 100%;
}

div#main-nav ul li:hover a {
  color: var(--Blue);
}

.footermail input::placeholder {
  color: #bbb;
}

.FooterMain {
  background: var(--BlueShade1);
  padding: 3% 0 0;
}

.footerMAinLogo p {
  color: var(--White);
  padding: 3% 0 5%;
}

.footerEmail,
.footerPhone {
  display: flex;
  flex-direction: column;
  color: var(--White);
  font-family: "Poppins", serif;
  font-size: 16px;
  letter-spacing: 1px;
}

.footerEmail input,
.footerPhone input {
  padding: 5% 0 5% 3%;
}

.footerEmail label,
.footerPhone label {
  margin-bottom: 5px;
}

.footerEmail input:focus-visible,
.footerPhone input:focus-visible {
  border: 0;
  outline: 0;
}

.footerBtn button {
  width: 100%;
  background: transparent;
  color: var(--White);
  text-transform: uppercase;
  font-family: "Poppins", serif;
  font-size: 16px;
  padding: 4% 0;
  border: 2px solid #fff;
}

.footerBtn {
  padding-top: 20px;
}

.footeraddressLogoandtext {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--White);
  padding: 1% 0;
  font-family: "Lora", serif;
}

.footeraddressLogoandtextmain {
  padding: 5% 0 0;
}

.footeraddressLogoandtextmain .footeraddressLogoandtext a,
.footeraddressLogoandtextmain .footeraddressLogoandtext span {
  color: var(--White);
  position: relative;
  cursor: pointer;
  font-family: "Lora", serif;
  font-size: 16px;
}

.footeraddressLogoandtextmain .footeraddressLogoandtext a::before,
.footeraddressLogoandtextmain .footeraddressLogoandtext span::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background: #fff;
  transition: width 0.5s ease-in-out;
}

.footeraddressLogoandtextmain .footeraddressLogoandtext a:hover::before,
.footeraddressLogoandtextmain .footeraddressLogoandtext span:hover::before {
  width: 100%;
}

.footercol2rowcols3 a img {
  width: 100%;
  height: 35px;
  object-fit: contain;
  padding: 0 5%;
}

.zelleMethod {
  background: #7714dc;
  border-radius: 5px;
}

.cashAppMethod {
  background: #00cc31;
  border-radius: 5px;
}

.ApplePayMethod {
  background: #fff;
  border-radius: 5px;
}

.venmoMthod {
  background: #4997cf;
  border-radius: 5px;
}

.footercol2rowcols h2.textH6 {
  color: var(--White);
  font-weight: 600;
  padding-bottom: 5%;
}

.footercol2rowcols ul,
.footercol2rowcols li a {
  color: var(--White);
}

.footercol2rowcols ul {
  list-style: none;
  padding: 0 0 0 2%;
  margin: 0;
}

.footercol2rowcols ul li {
  padding: 1% 0;
}

.footercol2rowcols ul li a {
  position: relative;
  font-family: "Lora", serif;
      display: inline-block;
    padding: 0 0 0;
    margin: 0 0 5px;
    font-size: 16px;
}

.footercol2rowcols ul li a::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 1px;
  bottom: 0;
  left: 0;
  transition: width 0.5s ease-in-out;
  background: #fff;
}

.footercol2rowcols ul li:hover a::before {
  width: 100%;
}

.footerPhone input#phone {
  width: 100%;
  margin-top: 5px !important;
}

.footermail input {
  height: 60px;
}

.footerBtn button h2.textH6 {
  color: var(--White);
}

.footercol2rowcols3 {
  display: flex;
  gap: 10px;
  padding: 0 0 2%;
}

.footercol2rowcolsMain {
  height: 100%;
}

.footercol2rowcolsMain .col-lg-12 {
  justify-content: end;
  display: flex;
  align-items: end;
}

.footercol2rowcols3 .ApplePayMethod a img {
  padding: 0 10%;
}

.copyRight p {
  text-align: center;
  color: var(--White);
  border-top: 1px solid var(--White);
  padding: 10px 15px;
  margin-top: 3%;
}

footer#footer-widget > .container > .row> .col-lg-7 > .row {
    height: 100%;
}

h3.widget-title {
    color: var(--White);
    font-weight: 600;
    padding-bottom: 5%;
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.6px;
    font-family: "Lora", serif;
}

.copyRight {
    width: 100%;
}

.copyRight a {
    color: #fff;
    transition: .5s ease-in-out;
}

.copyRight a:hover {
    color: #24abe2;
}

section.sec1::before {
  content: "";
  background-image: url("../Images/GEDExamHep.webp");
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -2;
  opacity: 0.7;
  background-attachment: fixed;
  top: 0;
}

section.sec1 {
  position: relative;
  color: var(--White);
}

.sec1MAinimg, .sec1MAinimgMob {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.sec1MAinimg img, .sec1MAinimgMob img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sec1MAinimgMob {
    display: none;
}

.headerStart img {
    width: auto;
    height: 55px;
}

.testimonialLeftImg img {
    width: auto;
    height: 48px;
}

.footerMAinLogo img {
    width: auto;
    height: 55px !important;
}

section.sec1::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #000;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0.7;
}

section.vc_section.sec1 .vc_row {
    z-index: 1;
    position: relative;
    align-items: center;
}

.sec1left h1,
.sec1left p {
  color: var(--White);
  padding: 2% 0;
}

.sec1RightLabel input {
  width: 100%;
  padding: 2% 0 2% 2%;
}

.sec1Right {
  display: flex;
  align-items: flex-end;
  height: 100%;
  width: 100%;
  padding: 5% 9% 0;
}

.sec1Right form {
  width: 100%;
}

.sec1RightLabel .iti {
  width: 100%;
}

.sec1RightLabel textarea {
  width: 100%;
  padding: 2%;
}

.sec1RightLabel {
  font-family: "Lora", serif;
  padding-bottom: 5px;
  font-size: 16px;
}

.submit button {
  display: flex;
  justify-content: center;
  width: 195px;
  background: var(--Yellow);
  height: 50px;
  padding: 0;
  align-items: center;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 18px;
  border: 1px solid var(--Yellow);
}

.submit button h2.textH6 {
  color: var(--NavyBlue);
  font-weight: 600;
}

.sec1RightForm {
  background: var(--BlueShade1);
  padding: 5% 8% 5%;
  border: 15px solid #fff;
  border-radius: 15px;
  border-bottom: 0;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0;
}

.sec1Right h2.textH2 {
  padding: 0px 0 5%;
  text-align: center;
}

.sec1RightinputAndLabel {
  padding: 1% 0;
}

.sec1left {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.sec1left {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

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

.sec1left ul li::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 8px;
  color: var(--Pink);
}

.sec1left ul li {
  padding: 2px 0;
  font-family: "Lora", serif;
  font-size: 16px;
}

.onlyshowinlg .navbar-toggler .mynavbar-toggler-icon:nth-child(2) {
    opacity: 0;
}

.wpb_raw_code.wpb_content_element {
    margin: 0 !important;
}

.footercol2rowcols1 {
  padding: 0 0 0 25%;
}

.footerPhone .iti,
.footerPhone .iti input {
  width: 100%;
}

.testimonialLeft {
  text-align: center;
  padding: 25px;
  border: 1px solid var(--BlueShade1);
  border-radius: 20px;
  position: relative;
  transition: 0.5s ease-in-out;
  background: var(--White);
  margin-bottom: 7px;
}

.testimonialLeftStar i {
  font-size: 21px;
  color: var(--Pink);
}

.testimonialLeftStar {
  padding: 5% 0 1%;
}

.testimonialLeftImg {
  padding: 10% 0 0;
}

.testimonialLeft::before {
  content: "";
  position: absolute;
  background: var(--BlueShade1);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 20px;
  z-index: -1;
  transition: 0.5s ease-in-out;
}

.testimonialLeft:hover::before {
  top: 6px;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.autoplay-progress {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 10;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: var(--swiper-theme-color);
}

.autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: var(--swiper-theme-color);
  fill: none;
  stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}

.testimonialRightInner {
  text-align: left;
}

.testimonialRightInnericon i {
  font-size: 95px;
  color: var(--Blue);
  line-height: 65px;
}

.testimonialRightInnerImg {
  width: 65px;
  border-radius: 100px;
  border: 2px solid var(--Blue);
  height: 65px;
  overflow: hidden;
}

.testimonialRightInnerImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.testimonialRightInner > h2.textH5 {
  padding: 2% 5% 3% 0;
  color: var(--Black);
  font-weight: 400;
  line-height: 1.4;
}

.testimonialRightInnerImgAndtext h2.textH6 {
  padding: 10px 0 0%;
  color: var(--Blue);
  font-weight: 700;
}

.testimonialRight {
  position: relative;
  background: var(--White);
  padding: 3% 2% 1% 4%;
  border-radius: 10px;
}

.testimonialRight
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 30px;
  border-radius: 10px;
  background-image: linear-gradient(
    to right top,
    #24abe2,
    #1a87be,
    #126499,
    #094475,
    #002651
  );
}

.testimonialRight .autoplay-progress svg {
  stroke: var(--Blue);
}

.testimonialRight .autoplay-progress span {
  color: var(--Blue);
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 30px;
  border-radius: 10px;
  background-image: linear-gradient(
    to right top,
    #24abe2,
    #1a87be,
    #126499,
    #094475,
    #002651
  );
}

.autoplay-progress svg {
  stroke: var(--Blue);
}

.autoplay-progress span {
  color: var(--Blue);
}

section.sec3 .col-lg-4 {
  display: flex;
  align-items: center;
}

section.sec3 {
  padding: 5% 0 0;
}

.testimonialRightInnericon i {
  padding-left: 10px;
}

.testimonialRightInnerImg {
  display: flex;
  justify-content: center;
  border: 3px solid var(--Blue);
  align-items: end;
  margin: 3% 0 0%;
}

.testimonialRightInnerImg i {
  font-size: 48px;
}

.myaccordion-button {
  width: 100%;
  text-align: left;
  background: transparent;
  border: transparent;
  padding: 0 20px 0 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.myaccordionButtonplusandMinus {
  position: relative;
  height: 50px;
  width: 50px;
  background: var(--Blue);
  border-radius: 60px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 5px;
  border: 4px solid var(--BlueShade1);
  transition: 0.5s ease-in-out;
}

.myaccordionButtonplusandMinus svg {
  width: 15px;
}

.myaccordionButtonMinus {
  line-height: 0;
  position: absolute;
  top: 0;
  transform: rotateZ(180deg);
  bottom: 0;
  left: 0px;
  display: flex;
  transition: 0.5s ease-in-out;
  justify-content: flex-start;
  align-items: center;
  right: 0px;
}

.myaccordionButtonplus {
  line-height: 0;
  position: absolute;
  top: -2px;
  transform: rotateZ(180deg);
  bottom: 0;
  left: 0px;
  display: flex;
  transition: 0.5s ease-in-out;
  justify-content: flex-start;
  align-items: center;
  right: 0px;
  opacity: 0;
}

button.myaccordion-button.collapsed .myaccordionButtonplus {
  transform: rotateZ(90deg);
  opacity: 1;
  justify-content: center;
  align-items: flex-end;
}

button.myaccordion-button.collapsed .myaccordionButtonMinus {
  transform: rotateZ(1deg);
}

.myaccordion-button.collapsed .myaccordionButtonplusandMinus {
  background: transparent;
  border: 4px solid var(--Blue);
}

.sec3Faqs .myaccordion-button.collapsed:hover .myaccordionButtonplusandMinus {
  background: var(--Blue);
  border: 4px solid var(--Blue);
}

.sec3Faqs button.accordion-button::after {
  display: none;
}

.sec3Faqs button.accordion-button::after {
  display: none;
}

.sec3Faqs .myaccordion-button {
  background: transparent;
  padding: 1% 20px;
}

.sec3Faqs .accordion-item {
  margin: 2% 0;
  border-radius: 10px;
  position: relative;
  transition: 0.5s ease-in-out;
  border: 1px solid transparent;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.sec3Faqs .myaccordion-button h2.textH4 {
  color: var(--Black);
}

.sec3Faqs .myaccordion-button:focus-visible {
  outline: 0;
  border: 0;
  box-shadow: none;
}

.sec3Faqs .myaccordion-button:focus {
  outline: 0;
  border: 0;
  box-shadow: none;
}

.accordion-item:hover {
  border: 1px solid var(--BlueShade1);
}

.sec3Faqs .accordion-item::before {
  content: "";
  position: absolute;
  background: var(--BlueShade1);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 10px;
  z-index: -1;
  transition: 0.5s ease-in-out;
}

.sec3Faqs .accordion-item:hover::before {
  top: 6px;
}

.accordion-item.myAccordionItem {
  border: 1px solid var(--BlueShade1);
}

.accordion-item.myAccordionItem::before {
  top: 6px;
}

.testimonialRightInner p {
  padding-right: 3%;
}

section.sec3,
section.sec4 {
  background-image: linear-gradient(
    rgba(36, 171, 226, 0) 0%,
    rgb(36 171 226 / 20%) 80%
  );
  padding: 8% 0 5%;
  z-index: -2;
  position: relative;
}

section.sec3{
  z-index: 0;
}

section.sec4{
  z-index: 0;
}

section.sec2 {
  padding: 8% 0 0%;
}


.sec1Mainheading h2.textH2 {
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
  margin-bottom: 2%;
}

.sec1Mainheading h2.textH2::before {
  content: "";
  width: 10%;
  height: 5px;
  background: var(--BlueShade1);
  position: absolute;
  bottom: 0;
  border-radius: 25px;
}

.sec1Mainheading {
  text-align: center;
}

.accordion-item.myAccordionItem .myaccordionButtonplusandMinus {
  background: var(--Blue);
}

.sec3Faqs
  .myaccordion-button.collapsed:hover
  .myaccordionButtonplusandMinus
  svg {
  fill: var(--White);
}

.myAccordionItem svg {
  fill: var(--White);
}

.sec3Faqs .myaccordion-button.collapsed .myaccordionButtonplusandMinus svg {
  transition: fill 0.5s ease-in-out;
  fill: var(--Black);
}

.sec3Main {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 2% 3%;
}

.sec3Main p {
  padding: 0px 0 1%;
}

.sec3Main ul li {
  padding: 0px 0 1%;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: var(--NavyBlue);
  font-family: "Lora", serif;
}

.wpb_text_column {
    margin: 0 !important;
}

.sec3Main h2.textH2,
.sec3Main h2.textH3 {
  padding: 1% 0 3px;
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
}

.sec3Main h2.textH6 {
  padding: 1% 0 3px;
  position: relative;
  display: inline-block;
  margin-bottom: 5px;
}

.sec3Main h2.textH6::before,
.sec3Main h2.textH2::before,
.sec3Main h2.textH3::before {
  content: "";
  background: var(--BlueShade1);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 35%;
  height: 3px;
  border-radius: 25px;
}

.sec3Main h2.textH2::before,
.sec3Main h2.textH3::before {
  width: 10%;
  height: 5px;
}

.promobanners {
  position: relative;
  text-align: center;
  padding: 6% 0 3%;
  margin: 3% 12% 5%;
  display: flex;
  flex-direction: column;
}

.promobanners::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  border-top: 65px solid #fff;
  width: 0;
}

.promobanners .btn1 {
  display: flex;
  justify-content: center;
  max-width: 250px;
  background: var(--Yellow);
  height: 50px;
  padding: 0 1%;
  align-items: center;
  border-radius: 5px;
  cursor: pointer;
  margin: 0% auto;
}

.promobanners h2.textH2,
.promobanners p {
  color: var(--White);
}

.promobanners p {
  padding: 1% 10% 4%;
}

.promobanners h2.textH2 {
  padding-bottom: 10px;
  margin: 0;
}

.promobanners .btn1 h2.textH6::before {
  display: none;
}

.promobanners .btn1 h2.textH6 {
  margin: 0;
  padding: 0;
}

.promobanners h2.textH2::before {
  display: none;
}

.promobanner1 {
  background: #00b17e;
}
.promobanner1::before {
  border-right: 65px solid #039369;
}

.promobanner2 {
  background: #d20732;
}
.promobanner2::before {
  border-right: 65px solid #9d112f;
}

.promobanner3 {
  background: var(--BlueShade1);
}
.promobanner3::before {
  border-right: 65px solid #010b18;
}

.sec3Main ul {
  margin: 0;
  padding: 1% 0 2% 4%;
}

.filpDiv .cardsClass {
  background-color: transparent;
  height: 150px;
  perspective: 1000px;
}

.filpDiv .content {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.filpDiv .cardsClass:hover .content {
  transform: rotateY(180deg);
}

.back,
.front {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.filpDiv .front {
  background-color: #20222e;
  color: #666 !important;
  border-bottom: 1px solid #3b3b3b;
  border-right: 1px solid #3b3b3b;
  border-top: 1px solid #3b3b3b;
}

.filpDiv .front h2.textH6 {
  color: #666 !important;
  font-size: 15px;
}

.filpDiv .back {
  background-color: var(--BlueShade1);
  color: #fff;
  transform: rotateY(180deg);
  padding: 10px;
}

.filpDiv .row .col-lg-4 {
  padding: 0;
  margin: 0;
  border: 0;
}

.filpDiv .front {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.filpDiv .front i {
  font-size: 35px;
}

.filpDiv .back {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.filpDiv .back h2.textH6,
.filpDiv .back p {
  color: var(--White);
}

.resultImade img {
  height: 330px;
  margin-bottom: 50px;
  border-radius: 5px;
  object-fit: scale-down;
}

section.sec5 .col-lg-6 {
  padding: 0;
}

.filpDiv .row {
  margin: 0;
}

.filpDiv {
  overflow: hidden;
  display: flex;
  width: 100%;
  height: auto;
  flex-direction: column;
  justify-content: center;
  background: #20222e;
}


section.vc_section.sec5 > .vc_row {
  height: 100%;
  display: flex;
}

.examResultSlider {
  position: relative;
  padding: 5% 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.examResultSlider::after {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("http://localhost/onlinecertificationhelp.com/wp-content/uploads/2025/08/resultbg.webp");
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.7;
  background-attachment: fixed;
}

.examResultSlider::before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--Black);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0.7;
}

.examResultSlider .swiper-slide {
  background: transparent;
}

.examResultSlider h2.textH2 {
  color: #666666;
  z-index: 1;
  position: relative;
  text-align: center !important;
  padding-bottom: 1%;
  text-shadow: 1px 1px 0px #ffffff82;
  display: inline-block;
  margin: 0 0 3%;
}

.examResultSlider h2.textH2::before {
  content: "";
  background: var(--White);
  width: 18%;
  height: 4px;
  position: absolute;
  bottom: 0;
  border-radius: 25px;
}

.HehSec3Col2 > .vc_column-inner > .wpb_wrapper > .vc_row > .wpb_column > .vc_column-inner > .wpb_wrapper {
    text-align: center;
}

.sec6col1 {
  width: 100%;
  height: 100%;
  padding: 8% 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sec6col1 img {
  width: 65%;
  height: 100%;
  margin: auto auto auto 0;
  padding-left: 5%;
  object-fit: scale-down;
}

.sec6 .sec6col2Class {
  background: var(--BlueShade1);
  display: flex;
  justify-content: center;
  align-items: center;
}

.sec6col2 {
  padding: 10% 10% 10% 20%;
}

.sec6col2 p {
  color: var(--White);
  padding: 2% 0px;
}

.sec6col2 h2.textH2 {
  color: var(--White);
  padding: 0 0 2%;
}

.onlyshowinlg {
  display: none;
}

.mynavbar-toggler-newicon2 {
  opacity: 0;
  visibility: hidden;
}

.sec3Main {
  overflow-x: hidden;
}

section.sec6 {
  overflow-x: hidden;
}

section.vc_section.sec6 > .vc_row {
    display: flex;
    align-items: center;
}

.wpb_single_image {
    margin: 0 !important;
}

.contactsec1Btns {
  display: flex;
  gap: 20px;
}

.contactsec1Btn2 span.navbar-text {
  background: transparent;
  border: 3px solid var(--Yellow);
}

.contactsec1Btn2 span.navbar-text a h2.textH6 {
  color: var(--Yellow);
}

section.sec1.contactsec1 .vc_row {
  padding-top: 5%;
  padding-bottom: 5%;
}

section.sec1.contactsec1::before {
  background-image: url(../Images/contactus.webp);
  opacity: 1;
}

section.sec1.contactsec1::after {
  opacity: 0.5;
}

.contactsec2 .content-wrapper {
  min-height: 100%;
  position: relative;
}

.contactsec2 .get-in-touch {
  max-width: 650px;
  margin: 0 auto;
  position: relative;
}

.contactsec2 .get-in-touch .title {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding-bottom: 5%;
}

.contactsec2 .contact-form .form-field {
  position: relative;
  margin: 32px 0;
}
.contactsec2 .contact-form .input-text {
  display: block;
  width: 100%;
  height: 36px;
  border-width: 0 0 2px 0;
  border-color: #000;
  font-family: Lusitana, serif;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}
.contactsec2 .contact-form .input-text:focus {
  outline: none;
}

.contactsec2 .contact-form .input-text:focus + .label,
.contactsec2 .contact-form .input-text.not-empty + .label {
  transform: translateY(-24px);
}
.contactsec2 .contact-form .label {
  position: absolute;
  left: 20px;
  bottom: 11px;
  font-family: Lusitana, serif;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #888;
  cursor: text;
  transition: transform 0.2s ease-in-out;
}
.contactsec2 .contact-form .submit-btn {
  display: inline-block;
  background-color: #000;
  color: #fff;
  font-family: Raleway, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 16px;
  line-height: 24px;
  padding: 8px 16px;
  border: none;
  cursor: pointer;
}

.contactsec2 .note {
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
  text-align: center;
  font-family: Lusitana, serif;
  font-size: 16px;
  line-height: 21px;
}
.contactsec2 .note .link {
  color: #888;
  text-decoration: none;
}
.contactsec2 .note .link:hover {
  text-decoration: underline;
}

form.contact-form .submit {
  display: flex;
  justify-content: center;
}

section.contactsec2 {
  padding: 5% 0 5%;
}

.contactuspageMain {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  position: relative;
}

.contactuspageLogo i {
  color: var(--BlueShade1);
  width: 40px;
  height: 40px;
  border: 2px solid var(--BlueShade1);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  line-height: 0;
  padding: 0;
  margin: 0;
}

section.contactsec2 .vc_col-sm-4 .contactuspageMain {
  border-left: 2px solid var(--BlueShade1);
}

form.contact-form.row {
    justify-content: center;
}

section.contactsec2 .vc_col-sm-4:first-child .contactuspageMain {
  border-left: none;
}

section.aboutSec1::before {
  content: "";
  background-image: url("../Images/about3.webp");
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -2;
  opacity: 0.7;
  background-attachment: fixed;
  top: 0;
}

section.sec6.aboutSec2 .aboutSec2Col1 img {
  margin: 0;
  padding: 0;
  width: 100%;
}

.aboutSec2Col1 {
  padding: 0;
}

section.sec6.aboutSec2 .aboutSec2Col1 .sec6col1 {
  padding: 0;
}

.HehSec3Col2 {
  padding: 0;
}

.HehSec3Col2 .resultImade img {
  margin-bottom: 90px;
  padding: 0 50px;
}

.HehSec3Col2 .examResultSlider {
  height: 100%;
}

.blogSec1card {
  position: absolute;
  bottom: 0;
  left: 4%;
}

.blogSec1imageAndcard {
  position: relative;
  padding-bottom: 40px;
}

.blogSec1cardInner {
  max-width: 380px;
  background: var(--White);
  box-shadow: rgb(133 133 133 / 42%) 0px 0px 9px 3px;
  border-radius: 10px;
  padding: 40px;
  flex-direction: column;
}

.blogSec1image img {
  width: 100%;
  height: auto;
  border-radius: 15px;
}

.blogSec1cardInnerPara h2.textH6 {
  padding-top: 16px;
}

.blogSec1cardInnerheahing {
  background: var(--BlueShade1);
  display: inline-block;
  border-radius: 26px;
}

.blogSec1cardInnerheahing p {
  color: var(--White);
  padding: 5px 14px;
}

.blogSec1Welcomecard {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.blogSec1Welcomecard h1 {
  color: var(--White);
  position: relative;
  z-index: 8;
  padding: 3% 4%;
}

.blogSec1Welcomecard h1::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000a6;
  z-index: -1;
  padding: 10% 16%;
  border-radius: 15px;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
}

.blogSec2Img img {
  max-height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 6px;
  transition: 0.5s ease-in-out;
}

.blogSec2ImgAndText {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #e8e8ea;
  padding: 16px;
  transition: 0.5s ease-in-out;
  height: 100%;
}

.blogSec2 {
  padding: 7% 0 5%;
}

.blogSec2Text {
  padding-top: 25px;
}

.blogSec2Text h2.textH6 {
  display: grid;
  place-content: center;
}

.blogSec2ImgAndText .blogSec2Img {
  max-height: 250px;
  width: 100%;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}

.blogSec2ImgAndText:hover {
  box-shadow: 0 18px 40px rgba(30, 23, 157, 0.15);
  background: #fff;
}

.blogSec2ImgAndText .blogSec2Img::before {
  content: "";
  position: absolute;
  background: #e47cc652;
  width: 100%;
  height: 100%;
  top: 0;
  border-radius: 6px;
  opacity: 0;
  transition: 0.5s ease-in-out;
  z-index: 10;
}

.blogSec2ImgAndText:hover .blogSec2Img::before {
  opacity: 1;
}

.blogSec2ImgAndText:hover .blogSec2Img img {
  scale: 1.1;
  transform: translateX(-15px);
}

.blogSec2 .col-md-4.col-12 a {
  padding-bottom: 20px;
  height: 100%;
  position: relative;
  display: flex;
}

section.blogInnersec1::before {
  background-image: url("../Images/blogs.webp");
}

.blogInnersec2col1Inner h2.textH2 {
  padding: 2% 0;
}

.blogInnersec2col1Inner h2.textH3 {
  padding: 2% 0;
}

.blogInnersec2col1Inner h2.textH6 {
  padding: 1% 0;
}

.blogInnersec2col1Inner p {
  padding: 1% 0;
}

.blogInnersec2col1Inner ul li p {
  display: inline-block;
  padding: 1% 0;
}

.blogInnersec2col1Inner ul li h2.textH6 {
  padding-right: 5px;
}

.blogInnersec2col1Inner img {
  width: 100%;
  border-radius: 15px;
  margin: 5% 0;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

section.blogInnersec2 {
  padding: 5% 0;
}

.blogInnersec2col2Inner a {
  padding-bottom: 20px;
  display: block;
}

.blogInnersec2col2Inner {
  position: sticky;
  top: 1px;
}

.accordion-body ul li {
  padding: 1% 0 0;
}

.accordion-body h2.textH6 {
  padding: 1% 0;
}

.sec1Right.popupForm {
  padding: 0;
  display: block;
}

.sec1Right.popupForm .sec1RightForm {
  background: transparent;
  padding: 0;
  margin: 0;
  border: 0;
}

.poupformMainStart img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  background: #fff;
}

.poupformMainStart {
  background: var(--BlueShade1);
  box-shadow: 0 2px 4px 3px hwb(0deg 0% 100% / 25%);
  border-radius: 12px;
  transform: rotateZ(-4deg);
  overflow: hidden;
  position: relative;
}

.poupformMain {
  height: 70vh;
  width: 50vw;
}

.popupFormOverLAy {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
}

.poupformMainStart .col-md-8.col-12 {
  padding: 60px 40px 5px 25px;
}

.poupformMainInner {
  border: 2px solid var(--BlueShade1);
  border-radius: 12px;
}

.poupformMainStartCol2 {
  transform: rotateZ(4deg);
  padding: 0px 10% 0 4%;
}

.poupformMainStartCol2 .sec1Right.popupForm {
  padding: 25px 3%;
}

.popupFormOverLAyInner {
  width: 100%;
  height: 100%;
  position: absolute;
  background: #00000059;
  top: 0;
  left: 0;
}

.poupformMainNone {
  display: none;
}

.popupcolse {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
  background: var(--Yellow);
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  cursor: pointer;
  z-index: 1;
}

.popupcolse i {
  color: var(--Black);
  font-size: 18px;
}

.poupformMainStartCol2 h2.textH2,
.poupformMainStartCol2 h2.textH6 {
  color: var(--White);
}

section.termandCondSec1::before {
  background-image: url("../Images/teramAndConditions.webp");
}

section.sec2.termandCondSec2 {
  padding: 8% 0 5%;
}

section.pricingAndruleSec3 {
  padding: 4% 0 2%;
}

section.pricingAndruleSec3 p {
  margin: 0;
}

.onlinePricing2 {
  display: none;
}

.onlinePricing3 {
  display: none;
}

.inPersonPricing2 {
  display: none;
}

.inPersonPricing3 {
  display: none;
}

section.pricingAndruleSec1 ul {
  padding: 4% 0;
}

section.pricingAndruleSec1 ul li {
  padding: 3px 0;
}

section.pricingAndruleSec2 h2.textH3.section-heading.my-3 {
  margin: 0 !important;
  padding-bottom: 3%;
}

.usStateinput {
  display: flex;
  flex-direction: column;
}

.usStateinput label {
  color: #000;
  font-size: 16px;
  padding: 3% 0px 2%;
  line-height: 1.5;
  font-weight: 400;
  font-family: "Lora", serif;
}

.usStateinput select {
  padding: 10px 5px;
}

section.pricingAndruleSec2 {
  background: #fff;
  padding: 5% 0 0;
}

section.pricingAndruleSec2 .vc_row {
  background: url(http://localhost/onlinecertificationhelp.com/wp-content/uploads/2025/08/background-world-map.webp) no-repeat center;
  padding: 4% 2%;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  position: relative;
}

section.pricingBannerImg img {
  width: 100%;
  height: 350px;
  object-fit: cover;
}
section.pricingBannerImg {
  margin: 3% 0 0;
  position: relative;
}

section.pricingBannerImg h1 {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
  display: flex;
  align-items: center;
  color: #fff;
  text-shadow: 5px 4px 3px rgba(0, 0, 0, 0.4);
}

.pricingBannerImgInner {
  position: relative;
}

.pricingBannerImgInner::before {
  content: "";
  position: absolute;
  background: #000;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.6;
}

section.pricingBannerImg .container {
  position: relative;
}

section.pricingAndruleSec2 ul li {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  font-family: "Lora", serif;
  padding: 2% 0;
}

section.HehSec1::before {
  background-image: url("../Images/HESI-exam-help.webp");
}

section.TehSec1::before {
  background-image: url("../Images/TEASexamhelp.webp");
}

section.pricingAndruleSec2 .vc_row::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #000000cc;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
}

section.pricingAndruleSec2 .vc_row .vc_col-sm-4 {
  z-index: 1;
}

section.pricingAndruleSec2 .vc_row .vc_col-sm-4 p {
  color: var(--White);
}

section.pricingAndruleSec2 .vc_row .vc_col-sm-4 label {
  color: var(--White);
}

section.pricingAndruleSec2 .vc_row .vc_col-sm-4 h2.textH3 {
  color: var(--White);
}

section.pricingAndruleSec2 .vc_row .vc_col-sm-4 li {
  color: var(--White);
}

section.sec1 a {
  color: var(--Pink);
  text-decoration: none;
  transition: 0.5s ease-in-out;
}

section.sec1 a:hover {
  text-decoration: underline;
}

p.onlinePricingFee strong,
p.inPersonPricingFee strong {
  color: var(--Pink);
}

.SIOTSec2 table {
  border-collapse: collapse;
  border-spacing: 0;
  color: #303030;
  font-size: 1rem;
  inline-size: 100%;
  max-inline-size: 100%;
}

.SIOTSec2 table td,
.SIOTSec2 table th {
  padding: 0.9rem 1rem;
  text-align: inherit;
  vertical-align: top;
}

.SIOTSec2 table td {
  min-inline-size: 25ch;
}

.SIOTSec2 tr {
  border-bottom: 1px solid #d3d3d385;
}

.SIOTSec2 {
  overflow-y: scroll;
  height: 100vh;
  margin: 25px 0;
}

.SIOTSec2::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #f1f0e6;
  background-color: #f5f5f5;
}

.SIOTSec2::-webkit-scrollbar {
  width: 6px;
  background-color: #f5f5f5;
}

.SIOTSec2::-webkit-scrollbar {
  height: 6px;
  background-color: #f5f5f5;
}

.SIOTSec2::-webkit-scrollbar-thumb {
  background-color: #000000;
}

.SIOTSec3 p {
  padding: 1% 0 0;
}

.SIOTSec3 h2.textH6 {
  padding: 2% 0 0;
}

.SIOTSec3 a {
  color: var(--Blue);
}

.SIOTSec3 a:hover {
  text-decoration: underline;
}

.SIOTSec3 {
  padding: 1% 0 5%;
}

.poupformMainStart .popupimg2 img {
  display: none;
}

.popupimg1 {
  height: 100%;
}

section.sec1 .contactsec1Btns a:hover {
  text-decoration: none;
}

.sec1RightLabel input:focus-visible {
  outline: 0;
}

.sec1RightLabel textarea:focus-visible {
  outline: 0;
}

.whatsappMAin i {
  background: var(--Yellow);
  width: 50px;
  border-radius: 66px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--BlueShade1);
  font-size: 26px;
  box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.4);
}

.whatsappMAin {
  position: fixed;
  bottom: 30px;
  left: 30px;
  z-index: 1000;
  animation: scaleAnimation 3s infinite ease-in-out;
}

@keyframes scaleAnimation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

[wa-tooltip] {
  position: relative;
  cursor: pointer;
}

[wa-tooltip]:hover::before {
  content: attr(wa-tooltip);
  font-size: 16px;
  text-align: center;
  position: absolute;
  display: block;
  left: 0;
  bottom: calc(100% + 10px);
  min-width: 200px;
  background: var(--Yellow);
  border-radius: 4px;
  padding: 10px;
  color: var(--Black);
  z-index: 1;
  animation: fade-in 500ms ease;
}

.testimonialtrustplotBtn {
  padding: 6% 0 0;
}

.testimonialtrustplotBtn .navbar-text {
  margin: auto;
}

.testimonialLeft p {
  font-weight: 600;
  padding-top: 2%;
}

div#footer-widget .container > .row > .col-lg-7, div#footer-widget .container > .row > .col-lg-7 > .row{
    height: 100%;
}

div#footer-widget .container > .row {
    height: 100%;
}



section.thankyouSec1 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-top: 8%;
  padding-bottom: 8%;
}

.thankyouSec1Inner > i {
  font-size: 30px;
  background: var(--BlueShade1);
  color: var(--White);
  width: 60px;
  height: 60px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 5%;
}

.thankyouSec1Inner {
  text-align: center;
}

section.thankyouSec1::before {
  content: '';
  width: 35%;
  height: 60%;
  position: absolute;
  left: 0;
  right: 0;
  clip-path: polygon(0 0, 100% 0%, 0 100%, 0% 100%);
  background: #eee8a9;
  top: 0;
}

section.thankyouSec1::after {
  content: '';
  width: 35%;
  height: 60%;
  position: absolute;
  right: 0;
  clip-path: polygon(100% 100%, 100% 0%, 0 100%, 0% 100%);
  background: var(--BlueShade1);
  bottom: 0;
  z-index: -1;
}

.thankyouSec1Inner .row .col-lg-4.col-md-4 .thankyouCards {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  background: #fff;
  width: 100%;
  height: 100%;
}

thankyouCards1 h2.textH6 {padding: 0 0 10%;display: block;}

.thankyouCards1 {
  padding: 10% 5%;
}

.tankyouLogos {
  display: flex;
  justify-content: center;
  gap: 15px;
  padding-top: 5%;
}

.tankyouLogos i {
  color: #00204a;
  font-size: 21px;
  width: 50px;
  height: 50px;
  border: 2px solid #00204a;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 31px;
  transition: .5s ease-in-out;
}

.thankyouSec1Inner p {
  padding: 0 0 3%;
}

.thankyouSec1Inner h1 {
  padding: 0 0 1%;
}

.thankyouBtn {
  display: flex;
  justify-content: center;
  padding: 4% 0 0;
}

.tankyouLogos i:hover {
  background: #00204a;
  color: #fff;
}



.myaccordion-button {
  width: 100%;
  text-align: left;
  background: transparent;
  border: transparent;
  padding: 0 20px 0 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.myaccordionButtonplusandMinus {
  position: relative;
  height: 50px;
  width: 50px;
  background: transparent;
  border-radius: 60px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 5px;
  border: 4px solid var(--Blue);
  transition: 0.5s ease-in-out;
}

.myaccordionButtonplusandMinus svg {
  width: 15px;
}

.myaccordionButtonMinus {
  line-height: 0;
  position: absolute;
  top: 0;
  transform: rotateZ(180deg);
  bottom: 0;
  left: 0px;
  display: flex;
  transition: 0.5s ease-in-out;
  justify-content: flex-start;
  align-items: center;
  right: 0px;
}

.myaccordionButtonplus {
  line-height: 0;
  position: absolute;
  top: -2px;
  transform: rotateZ(180deg);
  bottom: 0;
  left: 0px;
  display: flex;
  transition: 0.5s ease-in-out;
  justify-content: flex-start;
  align-items: center;
  right: 0px;
  opacity: 0;
}

.FaqClassNew .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .myaccordionButtonplus {
  transform: rotateZ(90deg);
  opacity: 1;
  justify-content: center;
  align-items: flex-end;
}

.FaqClassNew .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .myaccordionButtonMinus {
  transform: rotateZ(1deg);
}

.FaqClassNew .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active svg {
    fill: #fff;
}

.FaqClassNew .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .myaccordionButtonplusandMinus {
  background: var(--Blue);
  border: 4px solid var(--Blue);
}

.FaqClassNew .vc_tta-panels-container .vc_tta-panels .vc_tta-panel:hover .myaccordionButtonplusandMinus {
  background: var(--Blue);
  border: 4px solid var(--Blue);
}

.FaqClassNew .vc_tta-panels-container .vc_tta-panels .vc_tta-panel svg {
  transition: .5s ease-in-out;
}

.FaqClassNew .vc_tta-panels-container .vc_tta-panels .vc_tta-panel:hover svg {
  fill: #fff;
}

.FaqClassNew .vc_tta.vc_general .vc_tta-panel {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

section.vc_section.sec6.aboutSec2 .vc_row {
    align-items: stretch;
}

section.vc_section.sec6.aboutSec3 .vc_row {
    align-items: stretch;
}

.FaqClassNew .vc_tta-panel-body ul {
    padding: 0 0 0 30px;
}

.FaqClassNew .vc_tta-panel-body ul li {
    padding: 10px 0;
}

.sec3Faqs button.accordion-button::after {
  display: none;
}

.sec3Faqs button.accordion-button::after {
  display: none;
}

.sec3Faqs .myaccordion-button {
  background: transparent;
  padding: 1% 20px;
}

.vc_tta-panel {
  margin: 1% 0;
  border-radius: 10px;
  position: relative;
  transition: 0.5s ease-in-out;
  border: 1px solid transparent;
}

.sec3Faqs .myaccordion-button h2.h3Text {
  color: var(--black);
}

.sec3Faqs .myaccordion-button:focus-visible {
  outline: 0;
  border: 0;
  box-shadow: none;
}

.sec3Faqs .myaccordion-button:focus {
  outline: 0;
  border: 0;
  box-shadow: none;
}

.vc_tta.vc_general .vc_tta-panel {
    background: #fff;
    margin: 2% 0;
}

.topbarRightText i {
    font-size: 16px;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
    background: transparent !important;
    border: transparent !important;
}

.vc_tta.vc_general .vc_tta-panel:hover {
  border: 1px solid var(--BlueShade1);
}

.vc_tta-panel::before {
  content: "";
  position: absolute;
  background: var(--BlueShade1);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 10px;
  z-index: -1;
  transition: 0.5s ease-in-out;
}

.vc_tta-panel:hover::before {
  top: 6px;
}

.FaqClassNew .vc_tta-panel.vc_active {
  border: 1px solid var(--BlueShade1);
}

.FaqClassNew .vc_tta-panel.vc_active::before {
  top: 6px;
}

.FaqClassNew .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
    background: transparent !important;
    border: transparent !important;
    border-radius: 10px;
}

.FaqClassNew .vc_tta-panel.vc_active {
    border: 1px solid var(--BlueShade1);
    border-radius: 10px;
    background: #fff;
}

.FaqClassNew .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
    background: transparent;
    border: transparent;
}

.FaqClassNew .vc_tta-container .vc_tta-panels-container .vc_tta-panel-heading h2.vc_tta-panel-title a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1% 20px;
    color: #212529;
}

.FaqClassNew .vc_tta-container .vc_tta-panels-container .vc_tta-panel-heading h2.vc_tta-panel-title a i.vc_tta-controls-icon.vc_tta-controls-icon-plus {
    display: none;
}

.FaqClassNew .vc_tta-container .vc_tta-panels-container .vc_tta-panel-heading h2.vc_tta-panel-title a .vc_tta-title-text {
    width: 100%;
    flex: 1;
}

.FaqClassNew .vc_tta-container .vc_tta-panels-container .vc_tta-panel-heading h2 {
    font-family: "Poppins", serif;
    line-height: 1.2;
    font-weight: 600;
    margin: 0px;
    font-size: 16px;
    color: #052c65;
}

section.vc_section.sec6.HehSec3 .vc_row {
    display: flex;
    align-items: stretch !important;
}

section.vc_section.sec6.HehSec3 .vc_column_container {
    flex: 1;
    height: auto;
}

section.vc_section.sec6.HehSec3 .vc_column_container .vc_column-inner {
    height: 100%;
}

section.vc_section.sec6.HehSec3 .vc_column_container .vc_column-inner .wpb_wrapper {
    height: 100%;
}

section.vc_section.sec1.contactsec1 .vc_row {
    z-index: 1;
    position: relative;
}
  
  .contactsec1Btns .contactsec1Btn.contactsec1Btn2 a h2.textH6 {
    color: #eee8a9;
}

section.vc_section.sec6.HehSec3 .vc_row .wpb_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page-id-245 .popupFormOverLAy {
    display: none;
}

.page-id-245 .topBar {
    display: none;
}

.page-id-245 header#masthead {
    display: none;
}

.page-id-245 footer#footer-widget {
    display: none;
}

@media only screen and (max-width: 1199px){
    
  .mynavbar-toggler-icon {
      width: 30px;
      height: 3px;
      background: #000;
      display: block;
      margin: 5px auto;
      border-radius: 10px;
      transition: 0.5s ease-in-out;
    }
    
    .mynavbar-toggler-icon1 {
      transform: translateY(0px) rotate(0deg);
    }
    
    .mynavbar-toggler-icon2 {
      transform: translateY(0px) rotate(0deg);
    }
    
    .mynavbar-toggler-icon3 {
      transform: translateY(0px) rotate(0deg);
    }
    
    .navbar-toggler[aria-expanded="true"] .mynavbar-toggler-icon1 {
      transform: translateY(8px) rotate(45deg);
    }
    
    .navbar-toggler[aria-expanded="true"] .mynavbar-toggler-icon2 {
      transform: translateX(150px) rotate(0deg);
    }
    
    .navbar-toggler[aria-expanded="true"] .mynavbar-toggler-icon3 {
      transform: translateY(-8px) rotate(-45deg);
    }
    
    .navbar-toggler {
      border: 0;
    }
    
    .navbar-toggler:focus {
      box-shadow: none;
    }
    
    .navbar-light .navbar-toggler:focus-visible,
    .navbar-light .navbar-toggler:focus {
      outline: 0;
    }

    div#main-nav{
      position: fixed;
      background: #00204abf;
      z-index: 99;
      left: 0%;
      top: 0;
      height: 100vh;
      width: 36%;
      padding: 50px 15px;
      transform: translatex(-100%);
      transition: 0.3s ease-in-out;
      bottom: 0;
      margin: auto 0;
      border-right: 10px solid var(--BlueShade1);
    }
    
    div#main-nav.show{
      transform: translatex(0%);
      overflow-y: overlay;
    }
    
    .onlyshowinlg {
      display: block;
    }
  
    .onlyshowinlg {
      display: flex;
      justify-content: space-between;
  }
  
  div#main-nav {
      padding: 3% 2% 0;
  }
  
  div#main-nav ul li a {
      color: var(--White);
  }
  
  div#main-nav ul {
      gap: 15px;
      align-items: flex-start;
      padding: 3% 3% 5%;
  }
  
  .onlyshowinlg .navbar-toggler {
      background: var(--White);
      width: 40px;
      height: 40px;
      border-radius: 32px;
      padding: 0;
  }
  
  .onlyshowinlg .navbar-toggler .mynavbar-toggler-icon {
      width: 21px;
      background: #00204abf;
  }

  .promobanners::before {
    left: -1px;
    top: -1px;
}

div#main-nav.collapse:not(.show) {
  display: block;
}

.poupformMain {
  width: 65vw;
}
      
  }

  @media only screen and (max-width: 991px){
    .sec1Right {
      padding: 5% 0% 0;
  }
  
  .promobanners {
      margin: 3% 5% 5%;
      padding: 10% 0 3%;
  }
  
  .promobanners p {
      padding: 1% 5% 4%;
  }
  
  .promobanners h2.textH2 {
      padding: 0 3% 10px;
  }

  h1 {
    font-size: 32px;
}

h2.textH2 {
    font-size: 26px;
}

.testimonialLeftImg img {
    width: 100%;
}

.testimonialLeftStar i {
    font-size: 16px;
}

.testimonialRightInnericon i {
    font-size: 76px;
}

.testimonialLeft {
    padding: 15px;
}

.footermail .col-md-7 {
    flex: 0 0 auto;
    width: 100%;
}

.footermail .col-md-5 {
    flex: 0 0 auto;
    width: 100%;
    padding-top: 5%;
}

.footerEmail input, .footerPhone input {height: 50px;}

.footercol2rowcols ul li {
    padding: 2% 0;
}

.sec1RightForm {
  padding: 5% 5% 5%;
}

div#main-nav {
  width: 42%;
}

.sec3Main p {
  padding: 0px 0 2%;
}

.sec6col2 {
  padding: 6% 6% 6% 10%;
}

.contactuspagetext h2.textH6 {
  word-break: break-word;
  padding: 0px 5%;
  text-align: center;
}

.blogSec1imageAndcard {
  padding-bottom: 75px;
}

.blogSec1cardInner {
  padding: 25px;
}

}


@media only screen and (max-width: 767px){
    div#main-nav {
      width: 52%;
  }
  
  .promobanners {
    padding: 10% 0 3%;
  }
  
  .promobanner1::before {
    border-right: 45px solid #039369;
  }
  
  .promobanners::before {
    border-top: 45px solid #fff;
  }
  
  .promobanner3::before {
    border-right: 45px solid #010b18;
  }
  
  .promobanner2::before {
    border-right: 45px solid #9d112f;
  }
  
  h2.textH2 {
    font-size: 21px;
  }
  
  h2.textH3 {
    font-size: 18px;
  }
  
  .sec3Main h2.textH2 {
    padding: 2% 0 3px;
  }
  
  .sec3Main p {
    padding: 0px 0 3%;
  }
  
  .promobanners p {
    padding: 1% 5% 4%;
  }
  
  .promobanners h2.textH2 {
    padding: 0 3% 10px;
  }
  
  .testimonialRight {
    margin: 5% 0;
  }
  
  .sec6col1 img {
    margin: auto;
  }
  
  .sec6col1 {
    padding: 2% 0;
  }
  
  .sec6col2 {
    padding: 10% 10% 10% 10%;
  }
  
  .sec3Faqs .accordion-item {
    margin: 3% 0;
  }
  
  .sec3Faqs .myaccordion-button {
    padding: 2% 20px;
  }
  
  .footercol2rowcols1 {
    padding: 0 0 0 0%;
  }
  
  .footercol2rowcols h2.textH6 {
    padding-bottom: 2%;
  }
  
  .footercol2rowcols {
    padding-top: 5%;
  }
  
  .footercol2rowcols ul li {
    padding: 1% 0;
  }
  
  .footercol2rowcolsMain .col-lg-12 {
    align-items: start;
    justify-content: start;
  }
  
  .testimonialLeftImg img {
    width: 150px;
  }
  
  .testimonialLeftImg {
    padding: 6% 0 0;
  }
  
  .testimonialLeftStar {
    padding: 2% 0 1%;
  } 
  
  .sec3Main {
    padding: 5% 3%;
  }

  section.pricingBannerImg img {
    height: 250px;
}

section.pricingAndruleSec2 .col-sm-12 {
    padding-top: 2%;
    padding-bottom: 2%;
}

.inPersonPricinginnerText p {
    margin: 0;
}

.onlinePricinginnerText p {
    margin: 0;
}

p.inPersonPricingFee {
    padding: 2% 0 0;
}

.onlinePricinginnerText p {
    padding: 2% 0 0;
}

select#state {
    max-width: 300px;
}

section.sec6.aboutSec3 .row {
  flex-direction: column-reverse;
}

.contactuspageMain {
  flex-direction: row;
  gap: 10px;
}

.contactuspagetext h2.textH6 {
  word-break: unset;
  padding: 0;
}

section.contactsec2 .vc_col-sm-4:first-child .contactuspageMain {
  border-left: 2px solid var(--BlueShade1);
}

section.contactsec2 .vc_col-sm-4 .contactuspageMain {
  margin: 5% 0;
  padding: 0 0px 0 5px;
}
.blogSec1Welcomecard {
  top: -100px;
}

.poupformMainStart .popupimg1 img {
  display: none;
}

.poupformMainStart .popupimg2 img {
  display: block;
}

.popupimg2 img {
  background: transparent;
  position: absolute;
  left: 0;
  height: auto;
  width: 165px;
  top: -34px;
  transform: rotateZ(-4deg);
  left: -27px;
  filter: drop-shadow(11px 14px 14px black);
}

.poupformMainStartCol2 {
  position: relative;
  padding-top: 90px;
}

.poupformMainStartCol2 h2.textH2 {
  display: none;
}

section.vc_section.sec6 > .vc_row {
    flex-direction: column;
}

.sec6col1 .vc_single_image-wrapper.vc_box_border_grey {
    text-align: center;
}

section.vc_section.sec5 .vc_row {
    display: flex;
    flex-direction: column;
}
}
  
  @media only screen and (max-width: 575px){
.row.footercol2rowcolsMain {
    padding: 0 30px;
}

.footercol2rowcols {
    padding: 5% 0 0;
}
.myaccordionButtonplusandMinus {
      width: 45px;
      height: 45px;
  }

    div#main-nav {
      width: 63%;
      padding: 7% 2% 0;
  }
  
  .sec3Main h2.textH6 {
      margin-bottom: 10px;
  }
  
  .sec1left {
    padding: 0 15px;
  }
  
  .sec1Right {
    padding: 5% 15px 0;
  }
  
  section.sec1 {
    overflow-x: hidden;
  }

  .contactsec2 .contact-form .form-field {
    margin: 21px 0;
}

.contactsec1Btns {
  flex-direction: column;
  gap: 15px;
}

.contactsec1Btns {
  padding-top: 25px;
}

section.pricingAndruleSec2 .vc_row {
  flex-direction: column;
}
.poupformMain {
  width: 85vw;
}

.HehSec3Col2 .resultImade img {
    margin-bottom: 60px;
    padding: 0 15px;
}

.resultImade img {
    height: 260px;
}
}
  
  @media only screen and (max-width: 480px){
    .promobanners h2.textH2 {
      padding: 3% 3% 10px;
  }
  
  .myaccordionButtonplusandMinus {
    flex: 0 0 auto;
    width: 50px;
    margin-left: 10px;
  }
  
  .promobanners {margin: 3% 2% 5%;padding: 10% 0 5%;}
  
  .sec3Main li p {
      padding: 0px 0 2%;
  }
  
  .sec6col2 {
      padding: 5%;
  }
  
  div#main-nav {
    width: 70%;
  }

  .blogSec1cardInner {
    margin-right: 20px;
}

.blogSec1Welcomecard {
    top: -140px;
}

.poupformMainStartCol2 .sec1Right.popupForm {
  padding: 0px 3% 25px;
}

.resultImade img {
    height: 190px;
}

.vc_tta.vc_general .vc_tta-panel {
    margin: 3% 0;
}
}

@media only screen and (max-width: 420px){
  .vc_tta.vc_general .vc_tta-panel {
    margin: 4% 0;
  }
  .blogSec1imageAndcard {
    padding-bottom: 110px;
}

.blogSec1cardInner {
    margin-right: 10px;
}

.blogSec1card {
    left: 10px;
}

.blogSec1Welcomecard {
    top: -185px;
}

.poupformMainStartCol2 {
  padding: 75px 2% 0 4%;
}
}
  
  @media only screen and (max-width: 380px){
    h1 {
      font-size: 26px;
  }
  
  .promobanners {
      padding: 13% 0 5%;
  }
  
  .sec6col1 {
      padding: 4% 0;
  }
  
  div#main-nav {
    width: 100%;
  }
  
  div#main-nav {
    padding: 7% 3% 0;
  }
  
  .sec1Right {
    padding: 5% 5px 0;
  }
  
  .sec1RightForm {
    padding: 5% 2% 5%;
    border: 6px solid #fff;
    border-radius: 6px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0;
  }
  
  
  .sec3Main ul {
    padding: 1% 0 2% 8%;
  }
  
  .sec6col2 {
    padding: 5% 15px;
  }
  
  .resultImade img {
    margin-bottom: 80px;
  }
  
  .filpDiv .cardsClass {
    height: 125px;
  }
  
  section.sec3, section.sec4 {
    padding: 10% 0 6%;
  }

  .contactuspagetext h2.textH6 {
    word-break: break-all;
    text-align: left;
}
  }