/*!
* Theme Name: astra-child
* Text Domain: astra
* Template: astra
* Version: 3.4.1
* Tested up to: 6.1.1
* Requires at least: 5.6
* Requires PHP: 7.2
* Author: Code Calibre Team
* Author URI: https://codecalibre.com/
* Theme URI: https://codecalibre.com/
* Description: astra-child is the perfect theme for your project. There is any issue or new funtionality, visit:
https://codecalibre.com/
*/
*{
margin:0;
padding:0;
box-sizing:border-box;
}
html, body {
overflow-x: hidden !important;
width: 100%;
}
body{
background: #fef6f1 !important;
}
a.elementor-button.elementor-button-link.elementor-size-sm::before, .ast-custom-button::before, .step-number::before,
button.frm_button_submit::before, .read-more a::before{
content: "";
background: linear-gradient(90deg, #1F347B 0%, #E50011 100%);
transform: translate(-2px,-2px);
position: absolute;
top: 0px;
left: 0px;
right: 0;
width: calc(100% + 4px);
height: calc(100% + 4px);
bottom: 0;
z-index: -1;
border-radius: 5px;
}
.read-more a {
    position: relative;
    z-index: 1;
    color: black;
    font-weight: 400;
    padding: 5px 10px;
}
footer#colophon {
background: #1f347b;
margin-top: 80px;
}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal:focus,
.ast-mobile-popup-drawer.active .menu-toggle-close:focus, a:focus {
outline: none!important;
border: none!important;
}

.upper-footer-section {
position: absolute;
display: flex;
max-width: 1024px;
width: 100%;
background: #D4F4FA;
margin-top: -80px;
padding: 30px 40px;
border-radius: 20px;
align-items: center;
justify-content: space-around;
}
.newsletter .frm_fields_container {
background: #1F347B;
padding: 20px 20px 0;
height: 60px;
border-radius: 10px;
}
.txt {
font-size: 25px;
line-height: 150%;
width: 400px;
}
.newsletter .frm_fields_container {
display: flex!important;
align-items: center;
}
.newsletter div#frm_field_8_container {
display: none;
}
footer#colophon>div {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
img.alignnone.wp-image-274.size-full {
width: 290px!important;
}
ul#ast-hf-menu-1, .ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-button-1,
button.frm_button_submit {
width: max-content;
}
.site-primary-footer-wrap[data-section="section-primary-footer-builder"]{
border-top: 1px dashed #FFFFFF;
border-bottom: 1px dashed #FFFFFF;
}
.site-footer-primary-section-1.site-footer-section.site-footer-section-1 {
display: flex;
padding: 0 5px;
gap: 15px;
align-items: center;
}
.footer-widget-area.widget-area.site-footer-focus-item.ast-footer-html-2 {
width: 100%;
}
.ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row {
display: block;
}
h1.footer-txt {
font-weight: 700;
font-size: 50px;
line-height: 100%;
color: #D4F4FA;
max-width: 795px;
margin: 0 auto;
text-align: center;
}
.contact-list {
display: flex;
justify-content: space-between;
align-items: center;
gap: 5px;
width: 100%!important;
}
span.contact-item {
font-weight: 400;
font-size: 14px;
line-height: 20px;
}
span.contact-item a, a.ast-custom-button-link {
color: white;
text-decoration: none;
}
.ast-custom-button {
position: relative;
border: none!important;
text-decoration: none!important;
}
button.frm_button_submit {
position: relative;
background: white!important;
border: none!important;
z-index: 0;
width: max-content!important;
}
input#field_l5bsn {
background: transparent;
border: none;
}
.newsletter ::placeholder{
color:white!important;
}
a.elementor-button.elementor-button-link.elementor-size-sm:hover, .ast-custom-button:hover, .step-number:hover, .read-more a:hover,
button.frm_button_submit:hover {
box-shadow: 0px 0px 12px 5px #E5001166;
transition: box-shadow 0.3s ease;
}
div#frm_field_10_container {
display: none;
}
.sticky-mask{
position: sticky;
top: 0;
clip-path: circle(25vmax at center);
-webkit-clip-path: circle(25vmax at center);
}
.card-nox:hover {
box-shadow: 0px 4px 4px 0px #BDE5EC;
}
.timeline-container {
position: relative;
height: 4px;
}

.timeline-progress {
position: absolute;
top: 0;
left: 0;
height: 100%;
background-color: #E50011;
width: 0;
animation: fillTimeline 3s ease-out forwards;
}

.timeline-dot {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 19px;
background-color: #E50011;
border-radius: 100%;
opacity: 0;
border: 5px solid white;
animation: fadeInDot 0.5s forwards;
}

.timeline-dot.dot-1 {
left: 20%;
animation-delay: 0s;
}

.timeline-dot.dot-2 {
left: 50%;
animation-delay: 1.5s;
}

.timeline-dot.dot-3 {
left: 80%;
animation-delay: 3s;
}


.step-number {
position: absolute;
top: -50px;
transform: translateX(-50%);
color: #000000;
padding: 5px 30px;
border-radius: 5px;
width: max-content;
font-size: 16px;
background: white;
font-weight: 400;
opacity: 0;
animation: fadeInStepNumber 0.5s forwards;
}
.step-number.num-1 {
left: 20%;
animation-delay: 0.2s;
}

.step-number.num-2 {
left: 50%;
animation-delay: 1.7s;
}

.step-number.num-3 {
left: 80%;
animation-delay: 3.2s;
}

.cards-grid {
display: flex;
justify-content: space-between;
gap: 40px;
margin-top: 40px;

}

.card {
flex: 1;
text-align: center;
opacity: 0;
max-width: 340px;
padding:25px 38px;
background:white;
border-radius:10px;
transform: translateY(20px);
animation: slideInCard 0.7s ease-out forwards;
}

.card-1 {
animation-delay: 0.5s;
}

.card-2 {
animation-delay: 2.0s;
}

.card-3 {
animation-delay: 3.5s;
}

h3.card-title {
font-family: Poppins;
font-weight: 400;
font-size: 24px;
line-height: 200%;
letter-spacing: 0%;
text-align: center;
}
.card-description {
font-family: Poppins;
font-weight: 400;
font-size: 14px;
line-height: 200%;
letter-spacing: 0%;
text-align: center;

}
.tss-wrapper .tss-layout1 .tss-meta-info.tss-left, .tss-wrapper .tss-carousel1 .tss-meta-info.tss-left {
flex: 1;
}
img.rt-responsive-img {
border-radius: 30%!important;
}

.tss-carousel-main .swiper-pagination-bullet, .tss-carousel .swiper-pagination-bullet {
width: 20px;
height: 20px;
}

h3.author-name {
width: max-content;
text-transform: capitalize;
color: black!important;
}
.tss-wrapper .tss-layout1 .item-content-wrapper:before, .tss-wrapper .tss-carousel1 .item-content-wrapper:before{
display:none;}
.item-content-wrapper.tss-right {
background: transparent!important;
}
.elementor-element.elementor-element-bdfa21a.elementor-widget.elementor-widget-shortcode {
position: absolute;
width: 55%;
top: 20%;
left: 30%;
}
.rating-wrapper {
text-align: left!important;
margin: 10px 0 -10px 0;
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: -120px!important;
transform: translate(-80px, 10px)!important;
}

.hotspot-button-wrapper:hover {
background-color: rgb(255 255 255 / 75%);
transform: scale(1.06835);
}
.product-showcase-container {
position: relative;
width: 100%;
max-width: 800px;
margin: 0 auto;
}

.product-showcase-container img {
width: 100%;
display: block;
}
.callout h3 {
font-family: Poppins;
font-weight: 500;
font-size: 14px;
line-height: 120%;
letter-spacing: 0%;
text-align: center;
margin: 0;
}
.hotspot-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.hotspot {
position: absolute;
transform: translate(-50%, -50%);
z-index: 1;
}

.hotspot-button-wrapper {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: background-color 0.3s ease;
position: relative;
}

.plus-icon-wrapper {
width: 16px;
height: 16px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}

.plus-icon-line {
position: absolute;
width: 100%;
height: 2px;
background-color: black;
border-radius: 1px;
transition: transform 0.3s ease-in-out;
}

.plus-icon-line._02 {
transform: rotate(90deg);
}

.hotspot.active .plus-icon-line._02 {
transform: rotate(0deg);
}

.callout {
position: absolute;
background-color: white;
border-radius: 8px;
padding: 15px 20px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
min-width: 200px;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 10;
top: 50%;
left: 120%;
transform: translate(0, -50%) scale(0.85);
transform-origin: left center;
transition: opacity 0.3s ease-out, transform 0.3s ease-out, visibility 0.3s ease-out;
}

.hotspot.active .callout {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translate(0, -50%) scale(1);
transition: opacity 0.3s ease-in, transform 0.3s ease-in, visibility 0.3s ease-in;
background-color: #ffffff;
background: radial-gradient(circle at 50% 40%, rgb(255 255 255 / 66%) 0%, rgb(255 255 255 / 76%) 60%, rgb(255 255 255 /
72%) 100%) !important;
backdrop-filter: blur(45px);
-webkit-backdrop-filter: blur(45px);
box-shadow: -9.57px 9.57px 9.57px 0 rgba(255, 255, 255, 0.20) inset, 9.57px -9.57px 9.57px 0 rgb(194 194 194 / 7%)
inset;
padding: 15px 10px 10px 15px;
border-radius: 20px 20px 20px 20px;
border-bottom: 4px solid #ffffff;
}

.callout::before {
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent #c1cce2 transparent transparent;
left: -7px;
top: 50%;
transform: translateY(-50%);

}
.hotspot-button-wrapper {
transition: background-color 0.3s ease, transform 0.2s ease-out;
animation: breathe 1.8s ease-in-out infinite;

}

.plus-icon-wrapper {
transition: transform 0.3s ease-in-out;
}
.bg-filter {
background: radial-gradient(circle at 50% 40%, rgb(255 255 255 / 66%) 0%, rgb(255 255 255 / 80%) 60%, rgb(255 255 255 /
91%) 100%) !important;
backdrop-filter: blur(45px);
-webkit-backdrop-filter: blur(45px);
box-shadow: -9.57px 9.57px 9.57px 0 rgba(255, 255, 255, 0.20) inset, 9.57px -9.57px 9.57px 0 rgb(194 194 194 / 7%)
inset;
padding: 15px 10px 10px 15px;
border-radius: 20px 20px 20px 20px;
border-bottom: 4px solid #ffffff;
}
.tss-wrapper .tss-layout1 .item-content-wrapper:after, .tss-wrapper .tss-carousel1 .item-content-wrapper:after,
div#frm_field_9_container{
display:none;
}
.step-number:after, button.frm_button_submit:after, .read-more a:after {
content: '';
width: 100%;
height: 100%;
background: #fff;
position: absolute;
z-index: -1;
top: 0;
left: 0;
border-radius: 5px;
}
button.frm_button_submit {
color: black!important;
}
.profile-img-wrapper {
justify-content: right;
display: flex;
}
.single-item-wrapper {
max-width: 920px;
margin: 0 auto;
}
.item-content {
max-width: 83%;
}
/* Keyframe Animations */
@keyframes fillTimeline {
0% {
width: 0;
}

100% {
width: 100%;
}
}

@keyframes fadeInDot {
0% {
opacity: 0;
transform: translate(-50%, -50%) scale(0.5);
}

100% {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
}

@keyframes fadeInStepNumber {
0% {
opacity: 0;
transform: translateX(-50%) translateY(10px);
}

100% {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
}

@keyframes slideInCard {
0% {
opacity: 0;
transform: translateY(20px);
}

100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes breathe{
0%,100% { transform: scale(1); } /* normal size */
50% { transform: scale(1.25);} /* grow to 135 % then shrink */
}
@media screen and (min-width: 2581px){
.elementor-element.elementor-element-bdfa21a.elementor-widget.elementor-widget-shortcode {
position: absolute;
width: 45%;
top: 20%;
left: 30%;
}
}

@media screen and (min-width: 1700px)and (max-width: 2680px) {
.elementor-element.elementor-element-9a19507.e-con-full.sticky-mask.e-flex.e-con.e-child {
min-height: calc(100vw * 0.5);
}
.elementor-15 .elementor-element.elementor-element-981bb08 {
top: 615px!important;
}
.elementor-element.elementor-element-bdfa21a.elementor-widget.elementor-widget-shortcode {
position: absolute;
width: 45%;
top: 20%;
left: 30%;
}
.single-item-wrapper {
max-width: 800px;
margin: 0 auto;
}
.elementor-element.elementor-element-cb8c333.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
margin-top: 250px;
}
}
@media screen and (min-width: 2100px)and (max-width: 2680px) {
.elementor-element.elementor-element-9a19507.e-con-full.sticky-mask.e-flex.e-con.e-child {
min-height: calc(100vw * 0.4);
}
}
@media (min-width: 923px) and (max-width: 1056px) {
a.menu-link {
font-size: 14px !important;
padding: 0 8px !important;
}
}

@media (max-width: 1015px) {
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: -60px!important;
}}
@media (max-width: 890px) {
.single-item-wrapper {
background-position: unset;
}
.elementor-element.elementor-element-bdfa21a.elementor-widget.elementor-widget-shortcode {
position: absolute;
width: 80%;
top: 20%;
left: 20%;
}
.cards-grid {
gap: 10px;
}
.elementor-element.elementor-element-af396b2.e-con-full.e-flex.e-con.e-child {
padding: 30px 20px;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: -40px!important;
}
}
@media (max-width: 768px) {
.hotspot-button-wrapper {
width: 20px;
height: 20px;
padding: 5px;
}
.tss-wrapper .single-item-wrapper {
flex-direction: row!important;
}
.elementor-element.elementor-element-bdfa21a.elementor-widget.elementor-widget-shortcode {
top: -10%;
}

.item-content {
font-size: 12px!important;
}
.callout {
padding: 10px!important;
transform: translate(0, -50%) scale(0.4)!important;
}
h1.footer-txt {
font-size: 30px;
}
.contact-list {
flex-direction: column;
}
.site-above-footer-wrap[data-section="section-above-footer-builder"] {
padding-top: 110px;
padding-bottom: 0;
}
.txt {
font-size: 18px;
width: 285px;
}

.step-number {
padding: 5px 12px;
}
.single-item-wrapper {
padding: 75px 5px;
align-items: center;
}
.tss-wrapper .tss-carousel1 .item-content-wrapper, .tss-wrapper .tss-layout1 .item-content-wrapper {
padding: 0 30px;
}
h3.card-title {
font-size: 18px;
}

.card-description {
font-size: 12px;
}
.upper-footer-section {
padding: 15px;
gap: 5px;
}
::placeholder {
font-size: 13px!important;
}
.elementor-element-6fe80e6 .elementor-widget-image {
overflow: hidden;
width: 60%;
}
.card {
padding: 10px;
}
.elementor-element.elementor-element-cb8c333.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
margin-top: 300px;
}
}
@media (max-width: 650px) {
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 20px!important;
}
.elementor-element.elementor-element-cb8c333.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
margin-top: 250px;
}
}
@media (max-width: 600px) {
.upper-footer-section {
flex-direction: column;
text-align: center;
gap: 10px;
padding: 15px 10px 0 10px;
}
.elementor-element.elementor-element-7c54c72.e-grid.e-con-full.e-con.e-child {
--e-con-grid-template-columns: repeat(1, 1fr);
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 40px!important;
transform: translate(-35px, 10px)!important;
}
h3.author-name {
font-size: 14px!important;
}
.item-content {
font-size: 10px!important;
}
.elementor-element.elementor-element-bdfa21a.elementor-widget.elementor-widget-shortcode {
top: -15%;
}
.rating-wrapper {
margin: 0;
}
.tss-wrapper .tss-carousel1 .item-content-wrapper, .tss-wrapper .tss-layout1 .item-content-wrapper {
padding: 0 10px;
}
.elementor-13 .elementor-element.elementor-element-15ae7f4 {
top: 290px!important;
}
}
@media (max-width: 440px) {
.elementor-element.elementor-element-bdfa21a.elementor-widget.elementor-widget-shortcode {
top: -25%;
}
.elementor-13 .elementor-element.elementor-element-471b3ad {
--min-height: 650px!important;
}
.elementor-element.elementor-element-cb8c333.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
margin-top: 150px;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 60px!important;
}
.elementor-13 .elementor-element.elementor-element-15ae7f4 {
top: 350px!important;
}
}
@media (max-width: 420px) {
h1.footer-txt {
font-size: 18px;
}
.elementor-element.elementor-element-cb8c333.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
margin-top: 100px;
}

input#field_l5bsn {
padding: 0;
}
.tss-wrapper .tss-even .tss-grid-item {
margin-bottom: 0;
}
::placeholder {
font-size: 12px!important;
}
.cards-grid {
flex-direction: column;
}
.rating-wrapper {
margin: 0!important;
}

.item-content {
font-size: 8px!important;
}
h3.author-name {
font-size: 12px!important;
margin: 10px 0!important;
}
.elementor-element.elementor-element-bdfa21a.elementor-widget.elementor-widget-shortcode {
top: -30%;
left: 14%;
width: 88%;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 10px!important;
}
}
@media (max-width: 334px) {
.elementor-element.elementor-element-bdfa21a.elementor-widget.elementor-widget-shortcode {
top: -45%;
left: 14%;
width: 90%;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 30px!important;
}
.elementor-element.elementor-element-cb8c333.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
margin-top: 50px;
}}