/*
Theme Name: Inspiro Child Theme
Author: 
Description: Your description goes here
Version: 1.0
Template: inspiro

This is the child theme for Inspiro theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

@font-face {
  font-family: Nunito Sans;
  src: url(nunito-sans.woff2);
}
@font-face {
  font-family: 'PinkChicken';
  src: url('PinkChicken-Regular.ttf');
}
/* .hfe-nav-menu li a {
  font-family: 'PinkChicken' !important;
} */

.CTA-banner {
  position: absolute; 
  bottom: -80px;
  right: 0;
  z-index: 1;
}
.pixalana-video {
  position: absolute;
  top: 9.5%;
  right: 0;
  z-index: 12;
  left: 0;
}
button#sample_btn {
  background: none;
  color: #000;
  border-color: #000;
  border-radius: 30px;
  padding: 8px 45px;
  font-family: Nunito Sans;
  font-weight: 700;
}
button#sample_btn:hover {
  background: #fff;
  color: #0996E3;
  border-color: #0996E3;
  font-family: Nunito Sans;
  font-weight: 700;
}

/* Wonder Grid Gallary Plugin CSS start */
#wonderplugingridgallery-4 .wonderplugin-gridgallery-tag {
  font-size: 18px !important;
  font-family: 'Nunito Sans' !important;
  padding: 15px 25px !important;
  margin-bottom: 20px !important;
  background-color: #10caff !important;
}
#wonderplugingridgallery-4 .wonderplugin-gridgallery-tag-selected{
  background: #4662ff !important;
}

div#html5-watermark a {
  display: none;
}

/* Wonder Grid Gallary Plugin CSS end */

.owl-item {
  background-color: #fff;
  border-radius: 5px;
}
p.wpsm_testi_description, h3.wpsm_testimonial-title {
  font-family: 'Nunito Sans' !important;
}
p.wpsm_testi_description {
height: 100%;
min-height: 110px;
}
.wpsm_testimonial-review span {
  font-family: 'Nunito Sans' !important;
}

.image-hover-effect {
  overflow: hidden;
}
.counter-suffix span.elementor-counter-number-suffix {
  font-size: 45px;
}

/* .header_menu ul li a:hover {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  letter-spacing: 3px;
  transition: all 450ms ease-in-out;
} */

/* .current-menu-item {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  letter-spacing: 3px;
} */


/* site blob button hover effects and layout start */

.blob-btn:before, .blob-btn:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.blob-btn {
  z-index: 1;
  position: relative;
  /* padding: 20px 46px;
  margin-bottom: 30px; */
  text-align: center;
  text-transform: capitalize;
  /* color: #4662ff; */
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background-color: transparent;
  outline: none;
  border: none;
  transition: color 0.5s;
  cursor: pointer;
  border-radius: 30px;
  font-family: 'Nunito Sans' !important;;
}
/* .light-btn {
  color: #000;
}
.light-btn:before {
  border: 2px solid #000;
} */
.light_bg_btn:before {
border: 2px solid #000 !important;
}
span.light_bg_btn {
color: #000;
}
.white_bg_btn:before {
border: 2px solid #000 !important;
}
.white_bg_btn {
color: #000;
}
.side_box_btn{
font-size: 13px;
text-transform: capitalize;
padding: 6px 15px;
letter-spacing: 0;
color: #000;
}
.side_box_btn:before {
border: 2px solid #000 !important;
}
.phone_no {
color: #4662ff;
}
.blob-btn:before {
  content: "";
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  border-radius: 30px;
}
.blob-btn:after {
  content: "";
  z-index: -2;
  position: absolute;
  left: 3px;
  top: 3px;
  width: 100%;
  height: 100%;
  transition: all 0.4s 0.3s;
  border-radius: 30px;
}
.blob-btn:hover {
  color: #FFFFFF;
  border-radius: 30px;
}
.blob-btn:hover:before {
  border: 2px solid #0d2869;
}
.blob-btn:hover:after {
  transition: all 0.4s;
  left: 0;
  top: 0;
  border-radius: 30px;
}
.blob-btn__inner {
  z-index: -1;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  /* background: #ffffff; */
}
.blob-btn__blobs {
  position: relative;
  display: block;
  height: 100%;
  filter: url("#goo");
}
.blob-btn__blob {
  position: absolute;
  top: 2px;
  width: 25%;
  height: 100%;
  background: #0d2869;
  border-radius: 100%;
  transform: translate3d(0, 150%, 0) scale(1.7);
  transition: transform 0.45s;
}
.blob-btn__blobs_cta {
  position: absolute;
  top: 2px;
  width: 25%;
  height: 100%;
  background: #fff !important;
  border-radius: 100%;
  transform: translate3d(0, 150%, 0) scale(1.7);
  transition: transform 0.45s;
}
.blob-btn-cta:hover {
  color: #4662ff !important;
}
.blob-btn-cta:hover:before {
  border: 2px solid #fff;
}
@supports (filter: url("#goo")) {
  .blob-btn__blob {
    transform: translate3d(0, 150%, 0) scale(1.4);
  }
}
.blob-btn__blob:nth-child(1) {
  left: 0%;
  transition-delay: 0s;
}
.blob-btn__blob:nth-child(2) {
  left: 30%;
  transition-delay: 0.08s;
}
.blob-btn__blob:nth-child(3) {
  left: 60%;
  transition-delay: 0.16s;
}
.blob-btn__blob:nth-child(4) {
  left: 90%;
  transition-delay: 0.24s;
}
.blob-btn:hover .blob-btn__blob {
  transform: translateZ(0) scale(1.7);
}
@supports (filter: url("#goo")) {
  .blob-btn:hover .blob-btn__blob {
    transform: translateZ(0) scale(1.4);
  }
}

/* blob btn effect end */

.center_btn {
  text-align: center;
}
.right-arrow{
font-size:25px;
}

.portfolio_text h2 {
letter-spacing: 30px;
}
.sampark_text h2 {
letter-spacing: 16px;
}
.cta-banner-border {
  border: 10px solid transparent;
  background: linear-gradient(45deg,#4662ff,#10caff) border-box;
  /* border-radius: 20px; */
}
label#label-firstname-3b474601-b0b6-4dd7-a43e-e5000fafe9ee {
color: #fff;
}

/* hubspot form css start */

.paoc-credit-wrp {
display: none;
}
.hubspot-link__container.sproket {
display: none;
}
.paoc-popup-7679 .paoc-popup-inr-wrap {
background-image: url('/wp-content/uploads/2023/05/contact-us-c.png');
background-repeat: no-repeat;
}
/* hubspot from css end  */


/* country icon and address css 15-05-2023 */
ol.flag_list li {
list-style: none;
display: inline-block;
}
/* .usa_location {
display: none;
} */
.india_location {
  opacity: 0;
  /* display: none; */
  visibility: hidden;
  position: absolute;
  transition: all 0.5s ease-in-out;
  top:50px;
  }

ol.flag_list {
margin: 0;
}
.flag_list li img {
border: 1px solid transparent;
border-radius: 50%;
cursor: pointer;
}
.active_location {
border: 2px solid green;
border-radius: 50%;
}
.india-down-arrow {
position: absolute;
top: 53px;
left: 18px;
}
.usa-down-arrow {
position: absolute;
top: 53px;
left: 18px;
}
.faq_section .elementor-accordion-item {
border-bottom: 1px solid #000 !important;
}



.popup-form {
display: grid;
grid-template-columns: auto 350px;
}

.hubspot-link__container {
display: none!important;
}
.newsletter-form form .no-image {
display: none;
}
.newsletter-form .noptin-optin-form-wrapper.noptin-slide-from-bottom_right {
background: transparent !important;
margin: 0;
}
.newsletter-form .noptin-form-footer {
padding: 0;
}

/* .imageBox {
position: relative;
float: left;
} */
.imageBox {
cursor: pointer;
}
.imageBox img {
width: 50px;
}
.imageBox .instahoverImg {
position: absolute;
left: 0;
top: -23px;
display: none;
}

.imageBox:hover .instahoverImg {
display: block;
}
.imageBox .mailhoverImg {
position: absolute;
left: 0;
top: -35px;
display: none;
}

.imageBox:hover .mailhoverImg {
display: block;
}
.imageBox .fbhoverImg {
position: absolute;
left: 0;
top: -37px;
display: none;
}
.imageBox:hover .fbhoverImg {
display: block;
}

.imageBox .behancehoverImg {
position: absolute;
left: 0;
top: -34px;
display: none;
}
.imageBox:hover .behancehoverImg {
display: block;
}

/* CSS For Portfolio page */
.imageBoxPortfolio .behanceHoverImg {
position: absolute;
left: 0;
top: -71px;
display: none;
}
.imageBoxPortfolio:hover .behanceHoverImg {
display: block;
}

.imageBoxPortfolio .dribbleHoverImg {
position: absolute;
left: 0;
top: -71px;
display: none;
}
.imageBoxPortfolio:hover .dribbleHoverImg {
display: block;
}

.imageBoxPortfolio .pinterestHoverImg {
position: absolute;
left: 0;
top: -47px;
display: none;
}
.imageBoxPortfolio:hover .pinterestHoverImg {
display: block;
}

.imageBoxPortfolio .freePikHoverImg {
position: absolute;
left: 0;
top: -71px;
display: none;
}
.imageBoxPortfolio:hover .freePikHoverImg {
display: block;
}

input.sib-email-area {
  width: 100%;
}
input.sib-default-btn {
width: 100% !important;
background: transparent !important;
border: 1px solid #fff !important;
color: #fff !important;
}
input.sib-default-btn:hover {
border: 1px solid #fff !important;
background: #fff !important;
color: #000 !important;
}
p.sib-email-area {
  margin-bottom: 10px;
}
.home-top-banner {
  position: relative;
}
.cky-btn-accept {
  color: #1863DD !important;
}
.cky-btn:hover{
color:#fff !important;
border-color: #1863dc !important;
  background-color: #1863dc !important;
}
.country_phone a {
  color: #000;
}
.country_phone a:hover {
  color: #3fcaff;
}
/* p.country_phone {
  margin-bottom: 0px;
} */
.our-service-accordian .elementor-tab-content {
  background: #4facfe;
  color: #fff !important;
  border-radius: 5px;
}

#main-area {
  width: 100%;
  display: grid;
  grid-template-columns: 70% 30%;
  margin: 0px auto;
  grid-gap: 25px;
  max-width: 1140px;
  padding-top: 20px;
}
.right-area {
  box-sizing: border-box;
  background: #eeeeee70;
  padding: 30px;
  /* height: 80%; */
}
.right-area .widget_categories ul li {
  display: flex;
  justify-content: space-between;
  border: 1px solid #eee;
  padding: 10px;
  margin-bottom: 10px;
  background: #eee;
  border-radius: 4px;
}
.right-area .widget_categories ul li a {
  color: #000;
  font-weight: 600;
  font-family: 'Nunito Sans';
}
.latest_post_list_area li {
  margin-bottom: 20px;
}
.latest_post_list_area .srpw-content a {
  color: #000;
  font-weight: 700;
  font-family: 'Nunito Sans';
  overflow: hidden !important;
  display: -webkit-box;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
/* section.post-banner-title {
  background-color: transparent;
  padding: 50px 0px;
  background-image: linear-gradient(65deg, #4662FF 0%, #10CAFF 100%);
} */
section.post-banner-title {
  padding: 70px 0px 220px 0px;
  background-image: url('/wp-content/uploads/2023/06/header-bottom.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
h1.banner-title {
  text-align: center;
  color: #fff;
  font-family: 'Nunito Sans';
  font-size: 35px;
  font-weight: 700;
}
section.single-post-cta-banner {
  background-image: url("/wp-content/uploads/2023/02/cover.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  padding: 100px 0px;
  background-attachment: fixed;
}
.single-post-cta-banner .cta-heading {
  color: #fff;
}


.bi_service_bx {
  padding: 0 40px 40px;
  border: 1px solid #D9D9D9;
  border-radius: 20px;
  margin-top: 44px;
  margin-bottom: 30px;
  width: 100%;
}
.bi_service_bx_head {
  background-color: #fff;
  border: 1px solid #D9D9D9;
  border-radius: 44px;
  display: flex;
  align-items: center;
  max-width: 424px;
  min-height: 88px;
  padding: 5px 1.5rem;
  margin-bottom: 20px;
  position: relative;
  margin-top: -44px;
}
.bi_service_bx_head h4 {
  font-size: 20px;
  line-height: 1.2;
  padding-left: 15px;
}
.right-area button.search-submit {
  text-transform: capitalize;
  letter-spacing: normal;
}
button.search-submit:hover {
  background: #4662ff;
  color: #fff !important;
  border-color: #4662ff !important;
}
/* ul.sub-menu {
  background: #0a1535 !important;
} */
ul .sub-menu{
  border: 3px solid #fff;
    border-radius: 6px;
}
ul .sub-menu li a {
  font-size: 16px !important;
  color: #0a1535 !important;
  transition: ease-out 0.4s;
  font-family: 'Nunito Sans' !important;
}
ul .sub-menu li a:hover {
  color: #fff !important;
  box-shadow: inset 220px 0 0 0 #4662ff;
}
.blog-grid-layout-2 .title {
  margin: 10px 20px !important;
}
.blog-grid-layout-2 article {
  position: relative;
}
.blog-grid-layout-2 a.read-more-btn {
  position: absolute;
  bottom: 0px;
}
.page-load-newslatter-popup {
  padding: 40px 0px;
}
.paoc-popup-10015 {
 border-radius: 10px;
}
h2.newsletter-heading {
  text-align: center;
  font-weight: 800;
  margin-bottom: 8px;
  color: #4662ff;
}
p.newsletter-content {
  text-align: center;
  font-size: 20px;
}
.newsletter-msg {
  text-align: center;
  color: #4662ff !important;
  margin-top: 20px;
}
.newsletter-email-field input[type=email] {
  border-radius: 5px;
  border-color: #444;
}
.newsletter-submit-btn input[type=submit] {
  border-radius: 5px;
  background-image: linear-gradient(115deg, #4662FF 0%, #10CAFF 100%) !important;
  padding: 12px 0px !important;
  font-size: 16px;
}
.brochure-form {
  display: grid;
  grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );
  grid-gap: 20px;
}


@media only screen and (max-width: 769px) {
.portfolio_text h2 {
  letter-spacing: 30px;
}
.sampark_text h2 {
  letter-spacing: 10px;
}
.mobile_btn {
  font-size: 12px;
  padding: 5px 10px;
  letter-spacing: 0;
  text-transform: capitalize;
}
#main-area {
  display: block;
  padding: 20px;
}
section.post-banner-title {
  padding: 1px 0px 70px 0px;
}
h1.banner-title {
  font-size: 25px;
}
ul .sub-menu li a {
  color: #fff !important;
}
ul .sub-menu {
  border: 1px solid #fff;
  border-left: none;
  border-right: none;
}
ul .sub-menu li a:hover {
  box-shadow: inset 770px 0 0 0 #4662ff;
}
}
@media only screen and (max-width: 425px) {
.portfolio_text h2 {
  letter-spacing: 10px;
}
.sampark_text h2 {
  letter-spacing: 5px;
}
.paoc-popup-inr-wrap {
  background-image: unset;
}
section.post-banner-title {
  padding: 1px 0px 35px 0px;
}
h1.banner-title {
  font-size: 16px;
}
ul .sub-menu li a:hover {
  box-shadow: inset 425px 0 0 0 #4662ff;
}
}