@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@100..900&display=swap');

body {
font-family: "Figtree", Sans-serif !important;
}
  
  * {
	  margin: 0px;
	  padding: 0px;
	  outline: none;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6, .heading-size-1{
	font-family: "Figtree", Sans-serif !important;
	  margin: 0px !important;
	  padding: 0px;
	  letter-spacing: 0;
	  font-weight: 700;
  }
  h1{
	  font-size: 45px;
  }
  
  h2, .blog-page span.xpro-post-title-text {
	  font-size: 40px;
  }
  
  h3 {
	  font-size: 36px;
  }
  
  h4 {
	  font-size:27px ;
  }
  
  h5 {
	  font-size: 23px;
  }
  
  h6 {
	  font-size: 19px;
  }
  
  .entry-content h1,
  .entry-content h2,
  .entry-content h3,
  .entry-content h4,
  .entry-content h5,
  .entry-content h6 {
	  margin: 0;
  }
  
  li, span, p, a, .uc_post_text{
	font-family: "Figtree", Sans-serif !important;
	  font-size: 17px;
	  font-weight: 400 !important;

	
  }
  button, .uc_btn_txt, .elementor-36 .elementor-element.elementor-element-990c9df .elementor-slide-button {
font-family: "Figtree", Sans-serif !important;
	font-size: 17px;
	font-weight: 400 !important;

}
  
  /* Placeholder text color -- selectors need to be separate to work. */
  ::-webkit-input-placeholder {
		  font-family: 'Figtree', sans-serif !important;
  }
  
  :-moz-placeholder {
	  font-family: 'Figtree', sans-serif !important;
  }
  
  ::-moz-placeholder {
		 font-family: 'Figtree', sans-serif !important;
	  opacity: 1;
  }
  
  :-ms-input-placeholder {
 font-family: 'Figtree', sans-serif !important;
  }
  
  @media only screen and (min-width: 767px) and (max-width:1024px){
  
	  .entry-content p,
	  .entry-content li {
		  font-size: 15px !important;
	  }
  
	  h1, .blog-page span.xpro-post-title-text, h1.xpro-hero-slider-title{
		  font-size: 26px !important;
	  }
  
	  h2 {
		  font-size: 24px !important;
	  }
  
	  h3 {
		  font-size: 21px !important;
	  }
  
	  h4 {
		  font-size: 20px !important;
	  }
  
	  h5 {
		  font-size: 18px !important;
	  }
  
	  h6 {
		  font-size: 16px !important;
	  }
  
  }
  
  @media only screen and (max-width: 767px) {
  
	  h1, .blog-page span.xpro-post-title-text, h1.xpro-hero-slider-title{
		  font-size: 23px !important;
	  }
  
	  h2 {
		  font-size: 22px !important;
	  }
  
	  h3 {
		  font-size:21px !important;
	  }
  
	  h4 {
		  font-size: 19px !important;
	  }
  
	  h5 {
		  font-size: 17px !important;
	  }
  
	  h6 {
		  font-size: 16px !important;
	  }
	    li, span, p, a, .uc_post_text{
	  font-size: 15px;
  }
  button, .uc_btn_txt, .elementor-36 .elementor-element.elementor-element-990c9df .elementor-slide-button {
	font-size: 15px;
  }
  
  } 
 
 .home header.entry-header.has-text-align-center.header-footer-group {
	  display: none;
  }
.page-id-2572 header.entry-header.has-text-align-center.header-footer-group{
	  display: none;
  }

.entry-header-inner.section-inner.medium{
	 position:relative;
    background: linear-gradient(90deg, #10134d 0%, #22103d 35%, #3b0f2d 70%, #4f0d15 100%);
    border-radius: 15px;
    padding: 3rem 0;
	max-width:1140px !important;
}
.custom-sectionbg{
	 background: linear-gradient(90deg, #10134d 0%, #22103d 35%, #3b0f2d 70%, #4f0d15 100%);
}

#headernew-title >.elementor-container{
	 position:relative;
    background: linear-gradient(90deg, #10134d 0%, #22103d 35%, #3b0f2d 70%, #4f0d15 100%);
    border-radius: 15px;
    padding: 3rem 0;
}
header.entry-header.has-text-align-center.header-footer-group h1.entry-title, #headernew-title h1.xpro-page-title span {
    font-size: 28px !important;
    font-weight: 700 !important;
    text-transform: none;
    color: #fff;
    letter-spacing: 1px !important;
	  font-family: 'Figtree', sans-serif !important;
    opacity: 0;
    transform: translateY(60px);
    animation: titleRise 1.8s ease-out forwards;
}

@keyframes titleRise {
    0% {
        opacity: 0;
        transform: translateY(60px);
    }
    60% {
        opacity: 0.7;
        transform: translateY(15px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
  
  .post-inner {
	  padding-top: 0;
  }
  .singular .entry-header {
	  padding:0;
  }
  .footer-nav-widgets-wrapper.header-footer-group {
	  display: none;
  }
  .post-meta-wrapper.post-meta-edit-link-wrapper {
	  display: none;
  }
  .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){
	  max-width:100% !important;
	  width:100% !important;
  }

  #slider-part .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
	  padding: 0px;
  }
  p{
	  margin:0;
  }
.xpro-theme-builder-frontend.xpro-theme-builder-mount {
  display: none !important;
}
.xpro-hero-slider-slide-content-wrapper {
    animation: slideInUp 2s ease-out forwards;
    animation-delay: 0.5s;
}
@keyframes slideInUp {
    0% {
        opacity: 0;
        transform: translateY(90px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
#slider-part .xpro-hero-slider{
    border-radius: 30px;
}

#slider-part .swiper-slide{
    border: 3px solid #fd070b;
    border-radius: 30px;
    animation: neonGlow 2s linear infinite;
}

@keyframes neonGlow{
    0%{
        border-color:#fd070b;
        box-shadow:
            0 0 5px #fd070b,
            0 0 10px #fd070b,
            0 0 20px #fd070b;
    }

    50%{
        border-color:#070ef8;
        box-shadow:
            0 0 5px #070ef8,
            0 0 10px #070ef8,
            0 0 20px #070ef8;
    }

    100%{
        border-color:#fd070b;
        box-shadow:
            0 0 5px #fd070b,
            0 0 10px #fd070b,
            0 0 20px #fd070b;
    }
}

#slider-part .xpro-hero-slider-description {
    margin: 10px 0 20px 0 !important;
}

#slider-part .xpro-hero-slider-description p{
	font-size:20px !important;
	font-weight: 300 !important;
    line-height: 1.6em !important;
}

.footer-1 .hfe-nav-menu {
    column-count: 2;
    width: fit-content;
    margin: 0 auto;
}

@media (min-width: 1025px) {
#main-header .hfe-nav-menu > li > a {
  padding-bottom:5px;
  font-weight: 600 !important;
  position: relative;
  transition: all 0.3s ease;
}
#main-header .hfe-nav-menu > li > a:hover {
  color: #fb0908;
}

#main-header.current-menu-item > a {
  color: #ffffff;
}

#main-header .hfe-nav-menu > li > a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -4px;
  width: 0%;
  height: 1px;
  background: #fb0908 !important;
  transition: all 0.3s ease;
  transform: translateX(-50%);
}

#main-header .hfe-nav-menu > li > a:hover::after {
  width: 100%;
}

#main-header .hfe-nav-menu > li > a:hover {
  background: rgba(4, 51, 179, 0.05);
  border-radius: 6px;
}

#main-header .hfe-nav-menu > li {
  transition: transform 0.25s ease;
}

#main-header .hfe-nav-menu > li:hover {
  transform: translateY(-2px);
}

#main-header .hfe-nav-menu > li > a:active {
  transform: scale(0.95);
}
.footer-1 .hfe-nav-menu {
    column-count: 3;
}
}


#main-header .hfe-site-logo-container {
    background-color: #fff;
    padding: 1rem;
    border-radius: 50px !important;
}
/* Main Search Box */
#main-header .aws-container .aws-search-form {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    overflow: hidden !important;
    width: 100%;
}

/* Input */
#main-header .aws-container .aws-search-field {
    flex: 1;
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 400 !important;
     height: 60px !important;
    outline: none;
    box-shadow: none !important;
    letter-spacing: .2px !important;
}

/* Placeholder */
#main-header .aws-container .aws-search-field::placeholder {
    color: #ffffff;
    opacity: 1;
    font-size: 20px;
}

/* Search Button */
#main-header .aws-container .aws-search-btn {
    height: 60px !important;
    background: transparent !important;
    border:none !important;
    font-size: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: .3s ease !important;
}
#main-header .aws-container .aws-search-form .aws-search-btn_icon {
    height:38px  !important;
    width: 38px  !important;
}

/* Search Icon */
#main-header .aws-container .aws-search-btn svg {
    width: 38px !important;
    height: 38px !important;
    fill: #fff;
}

/* Remove AWS default borders */
#main-header .aws-container .aws-wrapper {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

#main-header .aws-container .aws-search-clear span {
    color: #fff !important;
    font-size: 22px !important;
}


/* Focus Effect */
#main-header .aws-container .aws-search-form:focus-within {
    border-color: #fb0908;
    box-shadow:
        0 0 8px rgba(251, 9, 8, 0.2),
        0 0 16px rgba(251, 9, 8, 0.3),
        0 0 30px rgba(251, 9, 8, 0.2) !important;
}
	

.tnp.tnp-subscription {
    margin: 0.6rem 0 !important;
}
.tnp-subscription form{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    padding:5px 4px !important;
    background:#fff !important;
    border-radius:100px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    transition:all .45s ease !important;
}

.tnp-subscription form:focus-within{
    border-color: #fb0908 !important;
box-shadow:0 0 8px rgba(251, 9, 8, 0.8) !important;
}

.tnp-field label{
    display:none !important;
}
.tnp-field{
    margin:0 !important;
    padding:0 !important;
}
.tnp-field-email{
    flex:1 !important;
}
.tnp-email{
    width:100% !important;
    border:none !important;
    outline:none !important;
    background:transparent !important;
    padding:10px 14px !important;
    color:#000 !important;
    font-size:17px !important;
    font-weight:600 !important;
    line-height:1.4 !important;
    font-family:'Montserrat',sans-serif !important;
    box-shadow:none !important;
    appearance:none !important;
    transition:all .35s ease !important;
}

.tnp-email::placeholder{
	    font-size:18px !important;
    color:#000 !important;
    opacity:1 !important;
    transition:all .35s ease !important;
 font-family: "Figtree", Sans-serif !important;
}

.tnp-email:focus::placeholder{
    opacity:.5 !important;
    transform:translateX(4px) !important;
}
.tnp-submit{
	  width:52px !important;
    height:52px !important;
    border:none !important;
    border-radius:50% !important;
    padding:0px !important;
    border:none !important;
    outline:none !important;
    border-radius:50px !important;
    cursor:pointer !important;
font-family: "Figtree", Sans-serif !important;
    font-size:30px !important;
    font-weight:500 !important;
    color:#fff !important;
    text-transform: none !important;
    text-align:center !important;
    transition:all .4s cubic-bezier(.22,.61,.36,1) !important;
    position:relative !important;
    overflow:hidden !important;
    box-shadow:none !important;
    background-color: #fb0908 !important;
    text-decoration: none !important;
}

.tnp-submit:hover{
    background-color:#070ef8 !important;
}

.home-block3 .woocommerce ul.products {
    margin: 0 !important;
    padding: 0 !important;
}

.home-block3 .woocommerce ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    padding: 22px 25px !important;
    background: #09090b;
    border-radius: 20px;
    position: relative;
    display: grid;
    grid-template-columns: 200px 1fr;
    grid-template-areas:
        "image title"
        "image price"
        "image button";
    column-gap: 18px;
    align-items: start;
    
}

.home-block3 .woocommerce ul.products li.product > *{
    margin:0 !important;

}

.home-block3 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
    display:contents;
}

.home-block3 .woocommerce ul.products li.product img{
    grid-area:image;
    width:200px !important;
    height:240px !important;
    object-fit:contain;
    background:#2b2b2b;
    border-radius:20px;
    padding:10px !important;
    margin: 0 !important;
}

.home-block3 .woocommerce-loop-product__title{
    grid-area:title;
    color:#fff;
    font-size:22px !important;
    line-height:1.4 !important;
    font-weight:500 !important;
    padding: 0 !important;
}

.home-block3 span.woocommerce-Price-amount.amount, .home-block3 span.woocommerce-Price-currencySymbol{
    grid-area:price;
    color:#fff;
    font-size:28px !important;
    font-weight:600 !important;
}

/* Add To Cart */
.home-block3 .button{
    grid-area:button;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    background:transparent !important;
    color:#fff !important;
    border:1px solid #070ef8 !important;
    padding:12px 24px !important;
    border-radius:50px;
    font-size:20px !important;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.08em;
    z-index:1;
    transition:all .4s ease;
    animation:buttonGlow 2.5s infinite alternate;
}


/* Hover */
.home-block3 .button:hover{
    color:#fff !important;
    border-color:#fd070b !important;
}
.home-block3 .button::before{
    content:"+";
    font-size:24px;
    margin-right: 10px;
    font-weight:700;
    transition:all .35s ease;
}

@keyframes buttonGlow{
    0%{
        box-shadow:
            0 0 8px rgba(7,14,248,.1);
    }
    100%{
        box-shadow:
            0 0 18px rgba(7,14,248,.5);
    }
}
.hb3-inner .elementor-column-gap-default {
    gap: 4rem;
}

.ab-block1 .elementor-column-gap-default {
    gap: 5rem;
}
.blogpage-block .elementor-container {
    gap: 4rem;
}

.blogpage-block P{
	font-size:16px !important;
	font-weight:300 !important;
	letter-spacing:0.3px !important;
}

@media(max-width:1024px){
	.tnp-submit{
	  width:42px !important;
		height:42px !important;
}
	.hb3-inner .elementor-column-gap-default {
    gap: 2rem;
}
	  .home-block3 .woocommerce ul.products li.product{
        grid-template-columns:1fr;
        grid-template-areas:
            "image"
            "title"
            "price"
            "button";
        text-align:center;
        padding:18px !important;
        row-gap:10px;
    }

    .home-block3 .woocommerce ul.products li.product img{
        width:100% !important;
        max-width:200px;
        height:200px !important;
        margin:0 auto !important;
    }

    .home-block3 .woocommerce-loop-product__title{
        font-size:18px !important;
        line-height:1.4 !important;
    }

    .home-block3 span.woocommerce-Price-amount.amount,
    .home-block3 span.woocommerce-Price-currencySymbol{
        font-size:20px !important;
    }
    .home-block3 .button{
        width:100%;
        justify-content:center;
        font-size:16px !important;
        padding:10px 18px !important;
    }
    .home-block3 .button::before{
        font-size:20px;
    }
.entry-header-inner.section-inner.medium{
	padding: 2rem 0;
	margin: 0rem 1rem !important;
    width: auto;
}
#headernew-title >.elementor-container{
    padding: 2rem 0;
	margin:0 1rem !important;
}
header.entry-header.has-text-align-center.header-footer-group h1.entry-title, #headernew-title h1.xpro-page-title span {
    font-size: 24px !important;

}
	.ab-block1 .elementor-column-gap-default {
    gap: 2rem;
}
	.blogpage-block .elementor-container {
    gap: 2rem;
}
}

@media (max-width: 767px) {
 
    #main-header .elementor-element-12effd0{
        order: 3;
    }
    #main-header .elementor-element-35fb224{
        order: 4;
    }
	#slider-part .xpro-hero-slider-description p {
    font-size: 16px !important;
   }
	.top-bar p{
		 font-size: 11px !important;
	}
	.insta-block .gallery {
    width: 100% !important;
    margin: 0 auto !important;
}
	 .insta-block .gallery-item {
    padding: 0 0px 20px 0 !important;
}
	.insta-block .gallery-item img{
		width:100% !important;
	}
	.home-block7 .elementor-image-box-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
	.home-block7 figure.elementor-image-box-img{
		width:28% !important;
	}
	header.entry-header.has-text-align-center.header-footer-group h1.entry-title, #headernew-title h1.xpro-page-title span {
    font-size: 20px !important;
   }
	.blogpage-block .elementor-container {
    gap: 0rem;
}
}


.terms-innerblock .elementor-column > .elementor-widget-wrap{
    background:#222120;
    border:1px solid transparent;
    border-radius:25px;
    padding:35px;
    height:100%;
    transition:.35s ease;
}
.terms-innerblock .elementor-column > .elementor-widget-wrap:hover{
    background:#fff;
}

.terms-innerblock .elementor-column > .elementor-widget-wrap:hover .elementor-heading-title{
    color:#000;
}
.terms-innerblock .elementor-column:nth-child(odd) > .elementor-widget-wrap{
    border-color:#fb0908;
}

.terms-innerblock .elementor-column:nth-child(even) > .elementor-widget-wrap{
    border-color:#070ef8;
}

.terms-innerblock .elementor-widget-wrap:hover{
    transform:translateY(-3px);
    box-shadow:0 20px 40px rgba(0,0,0,.35);
}
.terms-innerblock .elementor-container{
    gap:15px;
}

.terms-innerblock .elementor-column{
    display:flex;
}

.terms-innerblock .elementor-widget-wrap{
    display:flex;
    flex-direction:column;
}

@media(max-width:1024px){

.terms-innerblock .elementor-widget-wrap{
    padding:20px !important;
}
.terms-innerblock .elementor-container{
    gap:10px;
}
}

/* Mobile */

@media(max-width:767px){

.terms-innerblock .elementor-container{
    gap:15px;
}

.terms-innerblock .elementor-column{
    width:100% !important;
}

}



.custom-contact-form{
    width:100% !important;
}
.custom-contact-form .cf7-row{
    display:flex !important;
    gap:16px !important;
    margin-bottom:16px !important;
}

.custom-contact-form .cf7-col{
    flex:1 1 0 !important;
}

.custom-contact-form .full{
    display:block !important;
}


.custom-contact-form .wpcf7-form-control-wrap{
    display:block !important;
    width:100% !important;
}


.custom-contact-form input:not([type="submit"]),
.custom-contact-form textarea{

    width:100% !important;
    background:#fffbf5 !important;

    border:2px solid transparent !important;

    border-radius:8px !important;

    padding:18px 22px !important;

    color:#000 !important;

    font-size:16px !important;

    font-weight:500 !important;

    line-height:1.5 !important;

    outline:none !important;

    box-sizing:border-box !important;

    transition:all .35s ease !important;

    box-shadow:0 6px 20px rgba(0,0,0,.05) !important;

}

/* Input Height */

.custom-contact-form input{

   height:60px !important;

}

/* Textarea */

.custom-contact-form textarea{

    min-height:170px !important;

    resize:none !important;

}

/* Placeholder */

.custom-contact-form input::placeholder,
.custom-contact-form textarea::placeholder{

    color:#000 !important;

    opacity:1 !important;

}

/* Hover */

.custom-contact-form input:not([type="submit"]):hover,
.custom-contact-form textarea:hover{

    border-color:#181be4 !important;

    box-shadow:0 10px 25px rgba(24,27,228,.15) !important;

}

/* Focus */

.custom-contact-form input:not([type="submit"]):focus,
.custom-contact-form textarea:focus{

    background:#fff !important;

    border-color:#181be4 !important;

    box-shadow:
        0 0 0 4px rgba(24,27,228,.12),
        0 12px 30px rgba(24,27,228,.18) !important;

}

/* Validation */

.custom-contact-form .wpcf7-not-valid{

    border-color:#fb0908 !important;

    box-shadow:
        0 0 0 4px rgba(251,9,8,.12) !important;

}

/* Validation Message */

.custom-contact-form .wpcf7-not-valid-tip{

    color:#fb0908 !important;

    font-size:13px !important;

    margin-top:6px !important;

}

/* Submit Area */

.custom-contact-form .cf7-submit{

    margin-top:18px !important;

}

/* Submit Button */

.custom-contact-form input[type="submit"]{

    width:auto !important;

    min-width:220px !important;

    padding:15px 35px !important;

    border:none !important;

    border-radius:100px !important;

    background:linear-gradient(90deg,#181be4 0%,#2f37ff 100%) !important;

    color:#fff !important;

    font-size:16px !important;

   font-weight:400 !important;
    text-transform: none !important;

    cursor:pointer !important;

    transition:all .35s ease !important;

    box-shadow:0 10px 25px rgba(24,27,228,.15) !important;
    text-decoration: none !important;

}

/* Hover */

.custom-contact-form input[type="submit"]:hover{

    background:linear-gradient(90deg,#fb0908 0%,#181be4 100%) !important;

    transform:translateY(-2px) !important;

    box-shadow:0 16px 35px rgba(24,27,228,.15) !important;

}

/* Click */

.custom-contact-form input[type="submit"]:active{

    transform:scale(.97) !important;

}

/* Spinner */

.custom-contact-form .wpcf7-spinner{

    margin-left:15px !important;

}

/* Response */

.custom-contact-form .wpcf7-response-output{

    margin-top:20px !important;

    border-radius:10px !important;

    padding:12px 18px !important;

}
.ct-left-column .elementor-icon-box-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
}
.ct-left-column a.elementor-icon {
    border: 1px solid #f01313 !important;
    padding: 20px !important;
}
.ct-left-column .elementor-icon-box-title a{
    font-size:28px !important;
    font-weight: 700 !important;
}

.ct-left-column p.elementor-icon-box-description{
       font-size:24px !important;
    font-weight: 300 !important;
}
.contact-block .elementor-container {
    gap: 4rem;
}

@media (max-width:1024px){

.custom-contact-form .cf7-row{

    flex-direction:column !important;
    gap:16px !important;

}

.custom-contact-form input[type="submit"]{

    width:100% !important;

}
.contact-block .elementor-container {
    gap: 2rem;
}
.ct-left-column .elementor-icon-box-title a{
    font-size:25px !important;
}

.ct-left-column p.elementor-icon-box-description{
       font-size:19px !important;
}

}

@media (max-width:727px){
    .ct-left-column .elementor-icon-box-title a{
    font-size:20px !important;
}

.ct-left-column p.elementor-icon-box-description{
       font-size:16px !important;
}
.ct-left-column .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
}
.ct-left-column  .elementor-icon {
        font-size: 24px !important;
        padding: 1.5rem !important;
    }
}