@charset "UTF-8";

.selectedBtnfocus a:focus {
    background: #004a98 !important;
    background-clip: border-box;
    -webkit-background-clip: border-box;
}
.home-blog-set
{
    grid-template-columns: 1fr 1fr !important;
}
.marginadjustment {
  margin-left: auto;
}
.main-navigation .navbar-nav li a {
  padding: 18px 0 10px 0px !important;
}
ul.txa-submenu li {
  display: block;
  /* margin-right: 15px; */
  /* font-size: 16px; */
}
.SubmenuDiv.open > .txa-submenu.open .has-submenu a {
  font-size: 20px;
  padding: 15px 10px;
  margin: 2px 0;
  display: block;
}
.SubmenuDiv.open > .txa-submenu.open .has-submenu ul li a {
  font-size: 15px;
  /* padding: 13px 0; */
  margin: 2px 0;
}
.SubmenuDiv.open > .txa-submenu.open .has-submenu > ul li > ul li a {
  font-size: 13px;
  color: #646464;
}
.SubmenuDiv::-webkit-scrollbar-track {
  margin: 31px;
}

.has-submenu .submenu-link::after {
  content: "";
  /* display: inline-block; */
  position: absolute;
  background-image: url(../images/plus.svg);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  width: 80px;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px auto;
  transform: translateY(-104%);
  right: 15px;
}
.has-submenu .submenu-link.active::after {
  background-image: url(../images/minus.svg);
  filter: brightness(0) invert(1);
}

.secondmenu a {
  margin-right: 10px;
}
/* .has-submenu:hover > .txa-submenu {
  display: block;
} */
.secondmenu {
  display: inline-block;
  margin-right: 10px;
}
.SubmenuDiv.open {
  background: #fdfdfd;
}
.SubmenuDiv {
  width: 500px;
  position: fixed;
  z-index: 1;
  padding: 15px;
  left: 700px;
  top: 122px;
  border-radius: 0 0 0 0;
  max-height: 400px;
  overflow: auto;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: #8b8b8b #f7f7f7;
}
.submenu-link.active {
  color: #0fbcfb; /* red when selected */
}
.has-submenu.open > .txa-submenu.open li a {
  background-color: #f2f8f9;
  color: black;
}

li.has-submenu.open > .goto-link {
  color: white !important;
  background: linear-gradient(246deg, #69f0a0 0%, #0ab9ff 100%) !important;
}
.fx-social-icon-btn {
  cursor: pointer;
}

li.has-submenu.open > .goto-link:hover {
  background: linear-gradient(246deg, #0ab9ff 0%, #69f0a0 100%);
}
li.has-submenu > .goto-link {
  font-size: 25px;
  display: inline-block;
  width: 100%;
  padding: 10px 0;
}
.SubmenuDiv > .txa-submenu,
.txa-submenu ul {
  display: none;
}

/* Show submenus when open class is added */
.SubmenuDiv > .txa-submenu.open,
.txa-submenu.open {
  display: block;
}

.SubmenuDiv > li.has-submenu {
  display: inline-table;
  /* width: 48%; */
  padding: 20px 20px 20px 0;
}

.txa-submenu li {
  border-bottom: 1px solid #d1d1d1;
  line-height: 1;
}
li.has-submenu li:last-child {
  border: 0;
}
li.has-submenu li ul li:last-child {
  padding-bottom: 0;
}
.SubmenuDiv > .has-submenu.open > .txa-submenu {
  margin-top: 18px;
}
li.has-submenu.open .txa-offcanvas-services-item {
  color: #0fbcfb;
}
.SubmenuDiv > li.has-submenu.open > a {
  color: #9f9f9f;
}
.SubmenuDiv > li.has-submenu.open {
  height: 400px;
}
.has-submenu span {
  cursor: pointer;
  position: relative;
}
.txa-submenu li:last-child {
  border-right: 0;
}
.errorfields {
  display: none;
  color: red;
  font-size: 15px;
}
.boxContainersearch {
  border: 1px solid;
  border-radius: 17px;
  background: #fff;
  text-align: center;
  padding: 15px;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
.smallBoxes {
  margin-top: 15px;
}
.boxContainersearch h3.theme-color {
  font-size: 26px;
  color: #7f818e;
  margin-bottom: 27px;
}
.boxContainersearch p {
  font-size: 16px;
  margin-bottom: 27px;
  color: #8b8b8b;
}
.searchlabel {
  margin-bottom: 20px;
}
.adustmargin {
  margin-bottom: 20px;
}
.fx-accordion-item ul {
  list-style: unset;
  padding-left: 2rem;
}
.inner-menu {
  padding-bottom: 20px;
}
.inner-menu2 {
  padding-bottom: 20px;
  padding-top: 80px;
  padding-left: 14px;
  padding-right: 59px;
}
.main-navigation .navbar-nav li:hover > a {
  transform: none;
}
.main-navigation .navbar-nav li:hover {
  background: linear-gradient(246deg, #beffd9 0%, #a1def7 100%);
}
.fx-services-1-slider .fx-heading-1 a:hover {
  color: white;
}
.fx-pr-btn-1:hover {
  background: linear-gradient(246deg, #0ab9ff 0%, #69f0a1 100%);
  color: white !important;
}
.fx-about-1-content-btn a {
  color: white;
}
.fx-cta-1-form-btn:hover {
  color: #c8ffed;
  background: #126fd1;
}
.fx-para-1new table {
  display: block;
  overflow-x: auto;
}
.fx-para-1new table {
  width: 100%;
}
.fx-para-1new tbody,
.fx-para-1new td,
.fx-para-1new tfoot,
.fx-para-1new th,
.fx-para-1new thead,
.fx-para-1new tr {
  border: 1px solid #c3c3c3;
  padding: 10px;
  width: auto;
}

.ShowMobile {
  display: none;
}
.fx-para-1new a {
  color: #0ab5f9;
  text-decoration-line: underline;
}
.mediaheading {
  font-size: 30px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.txa-offcanvas-box-container {
  margin-top: 20px;
  height: auto;
}
.txa-offcanvas-box {
  overflow: auto;
}
.txa-offcanvas-services li:not(:last-child) {
  margin-bottom: auto;
}
.fx-header-1-main {
  gap: 10px;
}
.SubmenuDiv.open > .txa-submenu.open li a {
  font-size: 20px;
  padding: 15px 10px;
  margin: 2px 0;
}
.fx-counter-1-item-disc {
  font-size: 15px;
}
.fx-counter-1 {
  gap: 20px 50px;
}
.fx-hero-1-slider-item-title {
  line-height: 1.3;
}
.ContHeading {
  margin-bottom: 10px;
}
.ContParagraph {
  font-size: 15px;
}
.fusion-responsive-typography-calculated {
  font-size: 25px;
  font-weight: 500;
}
.tab-content > .active {
  opacity: 1;
}
.certificate-filter-item {
  height: 100% !important;
  width: 100%;
  background: #eeeeeebd;
  padding: 20px 60px 60px 20px;
  align-items: center;
  justify-self: center;
}
.fx-projects-7-filter-item .grid-item {
  width: 98%;
  position: relative !important;
  margin: auto;
}
.certificate-filter-btn {
  width: 100%;
}
.certificate-area {
  width: 100%;
}
.certificate-fx-projects-7-filter-btn {
  width: 24%;
  border: 1px solid #dbd7d7 !important;
}
.certificate-filter-item a:hover {
  color: #0ab4f9;
}
.fx-scn-title-1 {
  margin-bottom: 20px;
}

.fx-services-1-slider-item .item-title:hover {
  color: white !important;
}
/* Model popup */

/* .modal.show{background: rgba(0, 0, 0, 0.5) !important;} */
.modal-title {
  font-size: 30px;
}
.MainHeadingColor {
  color: #00bcc6;
}
.SubHeadingColor {
  color: #00bcc6;
  font-size: 24px;
}
.paragraph {
  color: #878787;
  font-size: 14px;
  line-height: 1.5;
}
.footerparagraph {
  color: #878787;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}
/* Model popup */
.InnerSubmenuDiv {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  overflow: clip !important;
  max-height: none !important;
  padding: 0;
  width: 100%;
  border-radius: 9px;
}
.inner-txa-offcanvas-services {
  display: flex;
  padding: 15px 10px;
  margin: 2px 0;
  background: white;
}
.inner-txa-offcanvas-services li {
  width: 100%;
  font-size: 20px;
  margin: 2px 0;
}
li.has-submenu > .inner-goto-link {
  padding: 15px 10px;
  font-size: 20px;
}
.inner-txa-offcanvas-services-item {
  font-size: 30px !important;
  transform: none !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}
.InnerSubmenuDiv.open > .txa-submenu.open a {
  padding: 15px 10px !important;
}
.inner-txa-offcanvas-services li a {
  padding: 15px 10px;
  display: block;
}
.InnerSubmenuDiv > .txa-submenu.open,
.txa-submenu.open {
  display: block;
}
.InnerSubmenuDiv .txa-submenu li {
  position: relative;
}
.inner-submenu-link {
  position: relative;
}
.has-submenu.open > .txa-submenu.open li a {
  font-size: 15px !important;
}
.InnerSubmenuDiv .fx-heading-1 {
  background: linear-gradient(246deg, #69f0a0 0%, #0ab9ff 100%) !important;
  color: white !important;
  font-size: 24px !important;
}

.InnerSubmenuDiv > .has-submenu {
  margin: 0 4px;
}
.whatwedo {
  background: white;
  border-radius: 9px;
  padding: 20px 30px;
}
.whatwedo ul {
  list-style: outside;
  margin-left: 30px;
}
.innerheading {
  color: #004a98;
  margin-top: 1rem;
}
.Maininnerheading {
  background: linear-gradient(0deg, #69f0a0 0%, #0ab9ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.projectsinnerheading {
  color: #004a98;
}
.fx-services-1-wrap {
  align-items: center;
}
.fx-services-1-slider:hover {
  background: #1378e3;
}
.fx-about-1-card .card-title:hover {
  color: unset;
}
.menupopuplogo {
  position: absolute;
  top: 25px;
  left: 160px;
}
.txa-offcanvas-services-wrap {
  margin-top: 50px;
}
.menuchanges {
  margin-top: 0;
}
.bgimgcolor {
  position: relative;
}
.bgimgcolor::before {
  content: "";
  background-image: url(../assets/img/about/bg2.png);
  background-repeat: no-repeat;
  position: absolute;
  background-size: cover;
  z-index: -1;
  top: 0;
  height: 50%;
  width: 100%;
}
.bgimgcolor::after {
  content: "";
  background-image: url(../assets/img/about/bg3.png);
  background-repeat: no-repeat;
  position: absolute;
  background-size: cover;
  z-index: -1;
  bottom: 0;
  height: 50%;
  width: 100%;
}
button.filter-button.chargersbtn.is-checked {
  background: linear-gradient(0deg, #69f0a0 0%, #0ab9ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 42px;
  padding: 0;
  font-weight: 500;
}
.InnerSubmenuDiv > .has-submenu .submenu-link::after {
  height: 66px;
  width: 80px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px auto;
  transform: translateY(-100%);
  right: 0px;
}
.InnerSubmenuDiv > .has-submenu.open .txa-submenu .submenu-link::after {
  height: 45px;
}
.InnerSubmenuDiv > .has-submenu.open .txa-submenu.open .has-submenu.open .txa-submenu.open li a {
    font-size: 12px !important;
    color: #605c5c;
}
.fx-projects-7-filter-item-single .content {
  bottom: 0%;
}
.fx-services-1-area {
  padding-bottom: 100px;
}
.fx-para-1new a:hover {
  color: #004a98;
}
/* .fx-story-1-imgnew {
  padding: 15px 40px;
} */
.Termscondition {
  padding: 15px 40px;
}
.TariffHeadingColor{
  background: #23c6e5;
    color: white;
}
.spacingTopBottom {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.spacingLeftRight {
  padding: 0 40px;
}
ul.txa-submenu {
  display: none;
}
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
  .breadcrumb-content {
    padding-top: 100px;
  }
  .breadcrumb-title {
    margin-top: 157px;
    line-height: 58px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1920px) {
  .txa-offcanvas-services-item {
    gap: 100px;
  }
  .Footer-Menu {
    padding-left: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .fx-footer-1-widget {
    grid-template-columns: 2.5fr 8fr !important;
  }
  .fx-header-1-main {
    gap: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .menupopuplogo {
    left: 82px;
  }
  .fx-footer-1-widget {
    grid-template-columns: 2.5fr 8fr !important;
    gap: 50px 50px;
  }
  .fx-header-1-main {
    gap: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fx-footer-1-widget {
    grid-template-columns: 2.5fr 8fr !important;
    gap: 50px 50px;
  }
  .fx-about-1-bg-img {
    width: 55%;
    top: 920px;
    bottom: auto;
  }
}
@media (max-width: 992px) {
    .InnerSubmenuDiv .fx-heading-1 {
    margin: 5px 0 0 0;
  }
  .menupopuplogo {
    top: 16px;
    left: 0;
    margin-left: 75px;
  }
  .InnerSubmenuDiv {
    display: block;
  }
  .certificate-fx-projects-7-filter-btn {
    width: 100%;
  }
  .txa-offcanvas-box-container {
    margin-top: 10px;
    justify-content: flex-start;
  }
  .Footer-Menu {
    padding-top: 80px;
  }
  .inner-menu2 {
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 5px;
  }
  .mobile-main-navigation .navbar-nav li a {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .menupopuplogo {
    top: 16px;
    left: 0;
    margin-left: 35px;
  }
  .ResponsiveLayout {
    text-align-last: center;
  }
  .SubHeadingColor {
    font-size: 30px;
  }
  .paragraph {
    font-size: 18px;
  }
  .footerparagraph {
    font-size: 18px;
  }
  .MainHeadingColor {
    text-align: center;
    margin: auto;
  }
  .breadcrumb-title {
    font-size: 28px;
    letter-spacing: 0px;
    line-height: 1.6;
  }
  .fx-blog-page-area {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .fx-blog-page-sidebar-widget {
    padding: 0;
    float: none;
  }
  .fx-cta-1-form-btn2 {
    width: 100%;
  }
  .fx-projects-7-filter-btn {
    display: grid;
    width: 100%;
  }
  .fx-projects-7-filter-item .grid-item {
    padding: 0;
  }
  .fx-projects-7-area {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .fx-contact-us-1-area {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .fx-contact-us-1-left .fx-form-1 {
    max-width: 100%;
  }
  .fx-contact-us-1-info-box .address {
    max-width: 100%;
  }
  .fx-bg-gray {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .fx-accordion-item .item-title {
    padding: 10px 4px;
    align-items: center;
  }
  .fx-accordion-item .item-title .icon {
    display: contents;
  }
  .fx-social-icon-btn {
    font-size: 24px;
    color: #26c0ff;
    position: absolute;
    right: 92px;
    border-right: 1px solid rgb(0 0 0 / 16%);
  }
  .fx-about-1-bg-img {
    position: absolute;
    bottom: 1250px;
    left: 0px;
    z-index: -1;
    border-radius: 0 0 0 16px;
    width: 102%;
    opacity: 30%;
  }
  .ShowMobile {
    display: block;
  }
}
@media (max-width: 480px) {
  .fx-about-1-bg-img {
    bottom: 1217px;
  }
}
@media (max-width: 412px) {
  .fx-about-1-bg-img {
    bottom: 1200px;
  }
}
.fx-projects-7-filter-btn button {
  background-color: white;
}
.HeightAdjust {
  height: auto !important;
}
.faqs {
  position: relative !important;
}
.charges {
  position: relative !important;
}


/* New Css */

.fx-form-1-input {
  padding: 5px 20px;
}
.captcha-img {
  border: 1px solid #ccc;
  padding: 5px;
}
.reload {
  cursor: pointer;
  color: blue;
  margin-left: 10px;
  text-decoration: underline;
}
.SetForCapcha .fx-form-1-input {
  height: 50px;
  margin: 0 5px;
}
